Forhindre innsending av skjema i JavaScript

Ved behov kan innsending av et skjema forbys. Dette gjøres gjennom den allerede kjente preventDefault. La oss se på et eksempel.

La oss si at vi har følgende skjema:

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

La oss hente en referanse til det i en variabel:

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

Innsending av skjemaet kan fanges opp via hendelsen submit:

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

La oss nå forhindre innsending av skjemaet:

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