Űrlap elküldés tiltása JavaScriptben

Szükség esetén megakadályozhatjuk az űrlap küldését. Ezt a már ismert preventDefault segítségével tehetjük meg. Nézzük meg egy példán.

Tegyük fel, hogy a következő űrlapunk van:

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

Kapjuk meg a hivatkozást rá egy változóba:

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

Az űrlap elküldését az submit esemény segítségével kaphatjuk el:

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

Most tiltsuk le az űrlap elküldését:

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