Забрана слања формулара у 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. Ако није - забраните слање формулара и прикажите поруку о томе.