Förhindra formulärinsändning i JavaScript

Vid behov kan man förhindra att ett formulär skickas. Detta görs via den redan kända metoden preventDefault. Låt oss titta på ett exempel.

Låt oss säga att vi har följande formulär:

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

Låt oss hämta en referens till det i en variabel:

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

Formulärinsändning kan fångas via händelsen submit:

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

Låt oss nu förhindra att formuläret skickas:

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