Enviando um form através de uma função

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).

Rolar para cima