Interzicerea trimiterii formularului în JavaScript
În caz de necesitate, trimiterea unui formular poate fi interzisă.
Aceasta se face folosind preventDefault,
deja cunoscut de dvs.
Să ne uităm la un exemplu.
Să presupunem că avem următorul formular:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Să obținem o referință la el într-o variabilă:
let form = document.querySelector('form');
Trimiterea formularului poate fi interceptată folosind evenimentul
submit:
form.addEventListener('submit', function() {
});
Acum să interzicem trimiterea formularului:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Este dat un formular cu un câmp de introducere. La încercarea de trimitere, verificați dacă în câmp a fost introdus un email corect. Dacă nu este așa - interziceți trimiterea formularului și afișați un mesaj despre aceasta.