При необходимости можно запретить отправку
формы. Делается это через уже известный вам
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. Если это не так - запретите отправку формы и выведете сообщение об этом.