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

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

Aceitar