Забарона адпраўкі формы ў 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. Калі гэта не так - забараніце адпраўку формы і выведзеце паведамленне пра гэта.