Vormi saatmise keeld JavaScriptis

Vajadusel saab vormi saatmise keelata. Seda tehakse juba teile tuttava preventDefault abil. Vaatame seda näite varal.

Oletame, et meil on järgmine vorm:

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

Hankime sellele viitmuutujasse:

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

Vormi saatmist saab püüda sündmuse submit abil:

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

Keelame nüüd vormi saatmine:

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