Vormi saatmise keeld JavaScriptis
Vajadusel saab vormi saatmise keelata.
Seda tehakse juba teile tuttava
preventDefault
abil.
Vaatame seda näite varal.
Oletame, et meil on järgmine vorm:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Hankime sellele viitmuutujasse:
let form = document.querySelector('form');
Vormi saatmist saab püüda sündmuse
submit abil:
form.addEventListener('submit', function() {
});
Keelame nüüd vormi saatmine:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Antud on vormiga sisendväli. Proovides vormi saata, kontrollige, kas sisendväli sisaldab korrektset e-posti aadressi. Kui ei, siis keelake vormi saatmine ja kuvage sellest teade.
