JavaScript: Formularze - Walidacja formularzy · Kurs: JavaScript · Technik informatyk egzamin zawodowy

Walidacja formularza to sprawdzanie poprawności danych, które użytkownik wpisał do pól. Możemy to robić po stronie przeglądarki (JavaScript), żeby od razu pokazać błędy i ułatwić poprawienie danych.

1. Wbudowana walidacja HTML

HTML ma już kilka prostych mechanizmów walidacji:

• required — pole obowiązkowe,
• type="email" — sprawdza format adresu e-mail,
• min, max, minlength, maxlength — ograniczenia dla liczb i tekstu,
• pattern — własny regex do sprawdzenia.

<form>
  <input name="email" type="email" required placeholder="Email">
  <input name="age" type="number" min="18" max="99" placeholder="Wiek">…