Impedindo o Envio de Formulário em JavaScript

Se necessário, você pode impedir o envio de um formulário. Isso é feito através do já conhecido preventDefault. Vamos ver um exemplo.

Suponha que temos o seguinte formulário:

public/form.html<form action="/handler/" method="POST">
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

Vamos obter uma referência para ele em uma variável:

public/script.jslet form = document.querySelector('form');

O envio do formulário pode ser capturado através do evento submit:

public/script.jsform.addEventListener('submit', function() {
  
});

Agora vamos impedir o envio do formulário:

public/script.jsform.addEventListener('submit', function(event) {
  event.preventDefault();
});