Prepoved pošiljanja obrazca v JavaScript

Po potrebi lahko prepovemo pošiljanje obrazca. To naredimo z vam že znanim preventDefault. Poglejmo si na primeru.

Recimo, da imamo naslednji obrazec:

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

Pridobimo povezavo nanj v spremenljivko:

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

Pošiljanje obrazca lahko ujamemo z dogodkom submit:

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

Prepovimo zdaj pošiljanje obrazca:

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