ფორმის გაგზავნის აკრძალვა 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. თუ ასე არ არის - აუკრძალეთ ფორმის გაგზავნა და გამოიტანეთ ამის შესახებ შეტყობინება.