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