Prepoved pošiljanja obrazca v JavaScript
Po potrebi lahko prepovemo pošiljanje
obrazca. To naredimo z vam že znanim
preventDefault.
Poglejmo si na primeru.
Recimo, da imamo naslednji obrazec:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Pridobimo povezavo nanj v spremenljivko:
let form = document.querySelector('form');
Pošiljanje obrazca lahko ujamemo z dogodkom
submit:
form.addEventListener('submit', function() {
});
Prepovimo zdaj pošiljanje obrazca:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Dan je obrazec z vnosnim poljem. Pri poskusu pošiljanja preverite, ali je v vnosno polje vnesen pravilen email. Če ni tako - prepovejte pošiljanje obrazca in izpišite sporočilo o tem.
