HTMLFormElement: submit event

O evento submit é disparado quando é feita a submissão de um <form>.

Bubbles	Sim (apesar de especificado como um evento simples que não borbulha)
Cancelável	Sim
Interface	SubmitEvent (en-US)
Propriedade para manipular o evento	GlobalEventHandlers.onsubmit (en-US)

É importante notar que o evento submit é disparado no próprio elemento <form>, e não em um <button> ou <input type="submit"> (en-US) dentro dele. No entanto, o evento SubmitEvent (en-US) enviado para indicar a ação possui uma propriedade submitter (en-US), que é o botão que realizou o pedido de submit.

O evento submit é disparado quando a pessoa usuária clica em um botão (<button> ou <input type="submit"> (en-US)) ou pressiona Enter enquanto está editando um campo (p. ex. <input type="text"> (en-US)) em um formulário. O evento não é enviado ao formulário quando se chama o método form.submit() (en-US) diretamente.

<form id="form">
  <label>Campo de teste: <input type="text" /></label>
  <br /><br />
  <button type="submit">Submeter formulário</button>
</form>
<p id="log"></p>

function logSubmit(event) {
  log.textContent = `Formulário Submetido! Time stamp: ${event.timeStamp}`;
  event.preventDefault();
}

const form = document.getElementById('form');
const log = document.getElementById('log');
form.addEventListener('submit', logSubmit);