zadania trzeciego

Komunikacja Człowiek-Komputer, Zadanie 3
Formularz z walidacją, wyrażenia regularne
Należy zaprojektować stronę WWW, na której znajduje się następujący formularz ze
sprawdzaniem poprawności wypełnienia pól (walidacja):
W formularzu ma się znaleźć:
a) Grupa pięciu checkboxów (np. z nazwami języków programowania). Użytkownik ma
zaznaczyć dokładnie trzy checkboxy. Przykład działania:
b) Pola tekstowe do wpisania imienia, nazwiska i miasta. 2-20 znaków z polskimi
literami.
c) Wiek: wartość liczbowa (jedna lub dwie cyfry)
d) Konieczność wybrania województwa z listy rozwijalnej
e) Pole tekstowe do wpisania adresu e-mail. Adres email składa się kolejno z:
1. dowolnej liczby znaków dozwolonych w loginie
2. znaku @
3. dowolnej liczby znaków dozwolonych w członie nazwy domenowej
4. powtórzonego jeden lub więcej razy ciągu:
 znak kropka
 dowolnej liczby znaków dozwolonych w członie nazwy domenowej.
f) Pole tekstowe zawierające prawidłowy adres IP
g) Pole tekstowe do wpisania adresu URL (protokół: http, https, ftp + adres + ścieżka
pliku)
h) Pole na hasło o wymaganej złożoności: co najmniej 8 znaków, musi zawierać
przynajmniej 3 z 4 typów znaków:
- duże litery
- małe litery
- cyfry
- znaki specjalne.
Przykład:
W miarę możliwości należy wykorzystać wyrażenia regularne. W przypadku negatywnej
walidacji pola na formularzu, które jej nie przeszły, powinny zostać w jakiś sposób
podświetlone (np. czerwony symbol obok danego pola). Pola proszę walidować w miarę
możliwości w trakcie ich wypełniania, pozostałe po wciśnięciu przycisku „Sprawdź”,
przykład:
Walidację należy wykonać z poziomu języka JavaScript z ewentualnym użyciem bibliotek np.
jQuery.