Запрет отправки формы в 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();
});