Lomakkeen lähetyksen estäminen JavaScriptissä

Tarvittaessa lomakkeen lähetyksen voi estää. Tämä tehdään sinulle jo tutun preventDefault:n avulla. Katsotaanpa esimerkkiä.

Oletetaan, että meillä on seuraava lomake:

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

Haetaan viite siihen muuttujaan:

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

Lomakkeen lähetyksen voi kaapata tapahtuman submit avulla:

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

Estetään nyt lomakkeen lähetys:

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