Förhindra formulärinsändning i JavaScript
Vid behov kan man förhindra att ett formulär skickas.
Detta görs via den redan kända metoden
preventDefault.
Låt oss titta på ett exempel.
Låt oss säga att vi har följande formulär:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Låt oss hämta en referens till det i en variabel:
let form = document.querySelector('form');
Formulärinsändning kan fångas via händelsen
submit:
form.addEventListener('submit', function() {
});
Låt oss nu förhindra att formuläret skickas:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Ett formulär med en inmatningsruta ges. Vid försök att skicka kontrollera att en giltig e-postadress har angetts i inmatningsrutan. Om så inte är fallet - förhindra insändning av formuläret och visa ett meddelande om detta.
