Zakázanie odoslania formulára v JavaScripte
V prípade potreby je možné zakázať odoslanie
formulára. Robí sa to pomocou vám už známej metódy
preventDefault.
Pozrime sa na príklad.
Majme nasledujúci formulár:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Získame odkaz naň do premennej:
let form = document.querySelector('form');
Odoslanie formulára je možné zachytiť pomocou udalosti
submit:
form.addEventListener('submit', function() {
});
Poďme teraz zakázať odoslanie formulára:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Daný formulár so vstupom. Pri pokuse o odoslanie skontrolujte, či bol do vstupu zadaný správny email. Ak nie - zakážte odoslanie formulára a zobrazte o tom správu.
