Para enviar um formulário usando JavaScript quando um botão é clicado, você pode usar o método submit()
do objeto HTMLFormElement
. Para isso, você precisa definir um manipulador de eventos para o botão que chama o método submit()
no elemento de formulário desejado.
Aqui está um exemplo de código que faz isso:
<form id="meu-form" action="pagina-de-destino.php" method="post">
<!-- Seus campos de formulário aqui -->
<input type="text" name="nome" placeholder="Seu nome">
<input type="email" name="email" placeholder="Seu e-mail">
<button type="button" id="enviar">Enviar</button>
</form>
<script>
const form = document.getElementById('meu-form');
const enviarBotao = document.getElementById('enviar');
enviarBotao.addEventListener('click', function() {
form.submit();
});
</script>
Neste exemplo, o manipulador de eventos é adicionado ao botão com addEventListener()
. Quando o botão é clicado, ele chama a função de callback que chama o método submit()
no elemento de formulário com o ID “meu-form”. O atributo action
no elemento de formulário especifica a página de destino para a qual os dados do formulário serão enviados. O atributo method
especifica o método HTTP usado para enviar o formulário (neste caso, POST
).