Blokowanie wysyłki formularza w JavaScript

W razie potrzeby można zablokować wysyłkę formularza. Robi się to za pomocą już znanej Ci metody preventDefault. Spójrzmy na przykład.

Załóżmy, że mamy następujący formularz:

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

Pobierzmy do niego referencję do zmiennej:

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

Wysyłkę formularza można przechwycić za pomocą zdarzenia submit:

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

Zablokujmy teraz wysyłkę formularza:

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