Zakázanie odoslania formulára v JavaScripte

V prípade potreby je možné zakázať odoslanie formulára. Robí sa to pomocou vám už známej metódy preventDefault. Pozrime sa na príklad.

Majme nasledujúci formulár:

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

Získame odkaz naň do premennej:

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

Odoslanie formulára je možné zachytiť pomocou udalosti submit:

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

Poďme teraz zakázať odoslanie formulára:

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