Verhindern des Formularversands in JavaScript

Bei Bedarf kann das Absenden eines Formulars verboten werden. Dies geschieht durch den Ihnen bereits bekannten preventDefault. Sehen wir uns ein Beispiel an.

Nehmen wir an, wir haben das folgende Formular:

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

Holen wir uns einen Verweis darauf in eine Variable:

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

Das Absenden des Formulars kann über das Ereignis submit abgefangen werden:

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

Lassen Sie uns nun das Absenden des Formulars verhindern:

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