Запрет отправки формы в JavaScript

При необходимости можно запретить отправку формы. Делается это через уже известный вам preventDefault. Давайте посмотрим на примере.

Пусть у нас есть следующая форма:

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

Получим ссылку на нее в переменную:

let form = document.querySelector('form');

Отправку формы можно поймать через событие submit:

form.addEventListener('submit', function() { });

Давайте теперь запретим отправку формы:

form.addEventListener('submit', function(event) { event.preventDefault(); });

Дана форма с инпутом. При попытке отправки проверьте то, что в инпут введен корректный email. Если это не так - запретите отправку формы и выведете сообщение об этом.

enru