Impedire l'invio di un modulo in JavaScript

Se necessario, è possibile impedire l'invio di un modulo. Questo viene fatto tramite il metodo a te già noto preventDefault. Diamo un'occhiata a un esempio.

Supponiamo di avere il seguente modulo:

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

Otteniamo un riferimento ad esso in una variabile:

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

L'invio del modulo può essere intercettato tramite l'evento submit:

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

Ora impediamo l'invio del modulo:

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