Verhindern des Formularversands in JavaScript

Bei Bedarf kann das Absenden eines Formulars verboten werden. Dies geschieht durch den Ihnen bereits bekannten preventDefault. Sehen wir uns ein Beispiel an.

Nehmen wir an, wir haben das folgende Formular:

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

Holen wir uns einen Verweis darauf in eine Variable:

let form = document.querySelector('form');

Das Absenden des Formulars kann über das Ereignis submit abgefangen werden:

form.addEventListener('submit', function() {
	
});

Lassen Sie uns nun das Absenden des Formulars verhindern:

form.addEventListener('submit', function(event) {
	event.preventDefault();
});

Gegeben ist ein Formular mit einer Eingabe. Beim Versuch, es abzusenden, prüfen Sie, ob eine gültige E-Mail-Adresse in die Eingabe eingegeben wurde. Wenn nicht, verhindern Sie das Absenden des Formulars und geben Sie eine entsprechende Meldung aus.