Como enviar um formulário clicando em um link em JavaScript?
Neste artigo, enviamos um formulário usando JavaScript clicando em um link. Na tag body, crie um formulário HTML e especifique o id, o método e a ação do formulário . No formulário, especifique uma tag âncora com um evento onclick . Crie uma função para JavaScript que será executada quando o link for clicado. Ao clicar no link, a função submitForm() será executada. Esta função obterá o objeto de elemento usando o método DOM getElementById() , passando o id do formulário para este método, então o formulário será enviado usando o método submit() .
Exemplo: crie um formulário e envie-o usando a abordagem acima. É necessário para a estrutura do formulário onde o usuário fornecerá seus dados.
<!DOCTYPE html>
<html>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<b>Submit form details</b>
<form id="form__submit" action="form.php" method="post">
<label>NAME: </label><br />
<input type="text" name="name" /><br />
<label>AGE: </label><br />
<input type="number" name="age" /><br />
<label>CITY: </label><br />
<input type="text" name="city" /><br /><br />
<a href="#" onclick="submitForm()">Submit Here</a>
</form>
<script>
function submitForm() {
let form = document.getElementById("form__submit");
form.submit();
}
</script>
</body>
</html>
Nota: O código HTML fornecido redirecionará os dados do formulário para o site ou arquivo mencionado no atributo action .
Código PHP: Crie um arquivo PHP para obter os dados do formulário inseridos pelo usuário, renomeie esse arquivo PHP como “form.php”. Este código exibe os dados do formulário do usuário.
<?php
$name=$_POST['name'];
$age=$_POST['age'];
$city=$_POST['city'];
echo "NAME-SUBMITTED : $name <br>";
echo "AGE-SUBMITTED : $age <br>";
echo "CITY-SUBMITTED: $city";
?>
Saída:
dados do formulário do usuário
PHP é uma linguagem do lado do cliente. Portanto, requer um servidor. Consulte o tutorial de PHP para um melhor entendimento.
As postagens do blog Acervo Lima te ajudaram? Nos ajude a manter o blog no ar!
Faça uma doação para manter o blog funcionando.
70% das doações são no valor de R$ 5,00...
Diógenes Lima da Silva