Forbud mod formularafsendelse i JavaScript
Hvis det er nødvendigt, kan du forbyde afsendelse
af en formular. Dette gøres via den allerede kendte
preventDefault.
Lad os se på et eksempel.
Lad os sige, at vi har følgende formular:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Lad os få en reference til den i en variabel:
let form = document.querySelector('form');
Formularafsendelse kan fanges via begivenheden
submit:
form.addEventListener('submit', function() {
});
Lad os nu forbyde afsendelse af formular:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Der gives en formular med et inputfelt. Ved forsøg på afsendelse skal du kontrollere, om der er indtastet en gyldig email i inputfeltet. Hvis ikke - skal du forbyde afsendelse af formularen og vise en besked om dette.