Lomakkeen lähetyksen estäminen JavaScriptissä
Tarvittaessa lomakkeen lähetyksen voi estää.
Tämä tehdään sinulle jo tutun
preventDefault:n avulla.
Katsotaanpa esimerkkiä.
Oletetaan, että meillä on seuraava lomake:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Haetaan viite siihen muuttujaan:
let form = document.querySelector('form');
Lomakkeen lähetyksen voi kaapata tapahtuman
submit avulla:
form.addEventListener('submit', function() {
});
Estetään nyt lomakkeen lähetys:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Annettu lomake, jossa on syöttökenttä. Lähetyksen yrityksen yhteydessä tarkista, onko syöttökenttään syötetty kelvollinen sähköpostiosoite. Jos ei, estä lomakkeen lähetys ja näytä siitä viesti.
