Απαγόρευση της αποστολής φόρμας σε JavaScript

Εάν είναι απαραίτητο, μπορείτε να απαγορεύσετε την αποστολή μιας φόρμας. Αυτό γίνεται μέσω της ήδη γνωστής σε σας preventDefault. Ας δούμε ένα παράδειγμα.

Ας υποθέσουμε ότι έχουμε την ακόλουθη φόρμα:

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

Ας πάρουμε έναν σύνδεσμο προς αυτήν σε μια μεταβλητή:

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

Η αποστολή της φόρμας μπορεί να πιαστεί μέσω του συμβάντος submit:

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

Ας απαγορεύσουμε τώρα την αποστολή της φόρμας:

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

Δίνεται μια φόρμα με ένα πεδίο εισαγωγής. Κατά την προσπάθεια αποστολής ελέγξτε εάν η διεύθυνση email που εισήχθη στο πεδίο είναι σωστή. Εάν δεν είναι - απαγορεύστε την αποστολή της φόρμας και εμφανίστε ένα μήνυμα σχετικά.