Zabrana slanja forme u JavaScript-u
Po potrebi se može zabraniti slanje
forme. To se radi preko već poznate metode
preventDefault.
Pogledajmo na primeru.
Neka imamo sledeću formu:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Dobijamo referencu na nju u promenljivu:
let form = document.querySelector('form');
Slanje forme se može uhvatiti preko događaja
submit:
form.addEventListener('submit', function() {
});
Zabranimo sada slanje forme:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Data je forma sa input poljem. Pri pokušaju slanja proverite da li je u input uneta validna email adresa. Ako nije - zabranite slanje forme i prikažite poruku o tome.