Formularze w JavaScript — zapobieganie domyślnym akcjom
Wiele elementów na stronie ma domyślne działanie. Np. wysłanie formularza przeładowuje stronę, a kliknięcie linku przenosi na inną podstronę. Czasem chcemy to zatrzymać, żeby najpierw wykonać własny kod (np. walidację). Służy do tego metoda event.preventDefault().
Najczęstszy przypadek: wysyłka formularza
Domyślnie po kliknięciu przycisku „Wyślij” przeglądarka wysyła formularz i przeładowuje stronę. Jeśli chcesz obsłużyć wszystko w JS, zatrzymaj tę akcję w zdarzeniu submit na <form>:
<form id="signup">
<input id="email" type="email" placeholder="Email">
<button…