Verbod op vorm indiening in JavaScript
Indien nodig kan die indiening van die vorm
verbied word. Dit word gedoen deur die reeds bekende
preventDefault.
Kom ons kyk na 'n voorbeeld.
Gestel ons het die volgende vorm:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Laat ons 'n verwysing daarna in 'n veranderlike kry:
let form = document.querySelector('form');
Die vormindiening kan gevang word deur die gebeurtenis
submit:
form.addEventListener('submit', function() {
});
Kom ons verbied nou die indiening van die vorm:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
'N Vorm met 'n invoerveld word gegee. By 'n poging tot indiening, verifieer dat 'n geldige e-posadres in die invoerveld ingevoer is. Indien nie, verbied die vormindiening en toon 'n boodskap hiervan.
