Zakázání odeslání formuláře v JavaScriptu

V případě potřeby lze odeslání formuláře zakázat. Děje se to pomocí vám již známé metody preventDefault. Podívejme se na příklad.

Předpokládejme, že máme následující formulář:

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

Získáme na něj odkaz do proměnné:

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

Odeslání formuláře lze zachytit pomocí události submit:

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

Nyní zakažme odeslání formuláře:

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