Űrlap elküldés tiltása JavaScriptben
Szükség esetén megakadályozhatjuk az űrlap
küldését. Ezt a már ismert
preventDefault
segítségével tehetjük meg.
Nézzük meg egy példán.
Tegyük fel, hogy a következő űrlapunk van:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Kapjuk meg a hivatkozást rá egy változóba:
let form = document.querySelector('form');
Az űrlap elküldését az
submit esemény segítségével kaphatjuk el:
form.addEventListener('submit', function() {
});
Most tiltsuk le az űrlap elküldését:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Adott egy űrlap egy beviteli mezővel. Küldés megkísérlésekor ellenőrizze, hogy a beviteli mezőbe helyes email címet írtak-e. Ha nem - tiltsa le az űrlap elküldését és jelenítsen meg erről egy üzenetet.
