Забрана за изпращане на форма в 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();
});

Дадена е форма с input. При опит за изпращане проверете дали в input е въведен коректен email. Ако не е - забранете изпращането на формата и изведете съобщение за това.