Formulário HTML para executar uma função

19/10/2018

0

Boas pessoal tou aqui com um problema
Quero fazer uma página simples com um formulário onde a pessoa preencha o formulário e quando carrega em enviar ele tem que executar uma função que basicamente é abrir um link mas quero que esse link no fim tenha os dados introduzidos no formulário.

Imaginem que a pessoa no formulário escreve:
Na primeira caixa - Olá
Na segunda caixa - tudo bem

Eu queria que ela ao clicar em enviar isso abra um link que normal é por exemplo :
https://api.telegram.org/bot353417269:AAE83uouL6joVytjTCz_4_w3QS3xV4VTOJQ/sendMessage?
chat_id=@itgrouptest&text=

E no fim desse link depois do = insira o que foi introduzido nas caixas de texto uma em cada linha.

Acho que me fiz entender ..

Agradeço a quem perceber e ajudar .. tenho alguma urgência pessoal :(
Fernando

Fernando

Responder

Post mais votado

23/10/2018

Poderia fazer algo assim:
<html>
<head></<head>
<body>
	<input id="x" type='text' />
	<br>
	<input id="y" type='text' />
	<input id="button" type="button" value="enviar" onclick="go()"/>
</body>
<script>
function go() {
	var x = document.getElementById('x');
	var y = document.getElementById('y');
	location.href = 
		"https://api.telegram.org/bot353417269:AAE83uouL6joVytjTCz_4_w3QS3xV4VTOJQ/sendMessage?" 
		 + "chat_id=@itgrouptest&text=" + x + ' ' + y;
}
</script>
</html>

Quando clicar no botão o JS vai pegar os valores dos campos pelo id de cada campo. Depois o JS executa a URL via location.href, concatenando os valores dos campos na url.

Marcio Souza

Marcio Souza
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar