Projekt walidatora formularza do uniwersalnego wykorzystania (HTML, CSS, JS).
Demonstracyjnie formularz wymaga uzupełnienia czterech inputów: nazwy użykownika (typ text, min. 3 znaki), hasła (typ password, min. 8 znaków), powtórzenia hasła (typ password, musi się zgadzać z poprzednim) oraz adresu e-mail (typ email, Regular Expression pattern). Wszystkie pola muszą zostać uzupełnione.
Prawidłowe wypełnienie formularza skutkuje wyświetleniem popupa o sukcesie (aktualnie nie jest on nigdzie wysyłany). Informacje o błędach są natomiast wyświetlane po inputami. Przycisk czyszczenia powoduje, że pola formularza z powrotem stają się puste.
Szerokie możliwości zastosowania, zwłaszcza z uwagi na nowoczesny layout (Google Font
, Flexbox
).
Preview dostępne: