Informatică Dezvoltare web
Cum fac un formular HTML cu validare?
Un formular HTML cu validare se creează folosind elementul <form> și atributele HTML5 pentru validare automată sau JavaScript pentru validare personalizată. Validarea verifică dacă datele introduse de utilizator respectă regulile stabilite înainte de trimiterea lor la server. Aceasta previne erorile și îmbunătățește experiența utilizatorului.
Structura de bază a formularului
- Elementul <form> Definește formularul și include atributele action (URL pentru trimitere) și method (GET sau POST).
- Câmpuri de input Folosește <input> cu type="text", "email", "password", etc., și atributul required pentru validare obligatorie.
- Buton de trimitere Adaugă <button type="submit">Trimite</button> pentru a trimite datele.
Validare cu HTML5
- Atributul required Face câmpul obligatoriu; browserul blochează trimiterea dacă este gol.
- Tipuri de input type="email" validează formatul email, type="number" acceptă doar numere.
- Pattern Atributul pattern folosește expresii regulate, de ex. pattern="[A-Za-z]{3}" pentru exact 3 litere.
Validare cu JavaScript
- 1 Pasul 1: Ascultă evenimentul submit Folosește addEventListener pe formular pentru a intercepta trimiterea.
- 2 Pasul 2: Verifică datele Validează valorile câmpurilor, de ex. verifică dacă un email conține @.
- 3 Pasul 3: Previne trimiterea dacă e invalid Folosește event.preventDefault() pentru a opri formularul și afișează mesaje de eroare.
Începe cu validarea HTML5 pentru simplitate, apoi adaugă JavaScript pentru reguli complexe.