Envio de formulário via JavaScript
É possível forçar o envio de um formulário via JavaScript. Vamos ver como isso é feito. Suponha que temos um formulário e um botão, ao clicar no qual queremos enviar o formulário:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>enviar</button>
Vamos obter referências para nossos elementos em variáveis:
let form = document.querySelector('form');
let button = document.querySelector('button');
Vamos adicionar um ouvinte de evento de clique ao botão:
button.addEventListener('click', function(event) {
});
Ao clicar no botão, executaremos o envio do formulário
através do método submit:
button.addEventListener('click', function(event) {
form.submit();
});
Dado um formulário com três inputs. Crie um link, ao clicar no qual o envio deste formulário será realizado.