Ձևի ուղարկումը արգելափակելը 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: Եթե ոչ, արգելափակեք ձևի ուղարկումը և ցուցադրեք դրա մասին հաղորդագրություն:
