Забрана за испраќање на форма во JavaScript

Доколку е потребно, можно е да се забрани испраќањето на форма. Ова се прави преку веќе познатиот вам preventDefault. Ајде да погледнеме на пример.

Нека ја имаме следната форма:

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

Да ја добиеме врската кон неа во променлива:

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

Испраќањето на форма може да се улови преку настанот submit:

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

Ајде сега да ја забраниме испратката на формата:

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