Forhindre innsending av skjema i JavaScript
Ved behov kan innsending av et skjema forbys.
Dette gjøres gjennom den allerede kjente
preventDefault.
La oss se på et eksempel.
La oss si at vi har følgende skjema:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
La oss hente en referanse til det i en variabel:
let form = document.querySelector('form');
Innsending av skjemaet kan fanges opp via hendelsen
submit:
form.addEventListener('submit', function() {
});
La oss nå forhindre innsending av skjemaet:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Det er gitt et skjema med et inputfelt. Ved forsøk på innsending sjekk om det er skrevet inn en gyldig email i inputfeltet. Hvis ikke - forhindre innsending av skjemaet og vis en melding om dette.
