Projekt 9 (JS)
W ramach projektu należy stworzyć prosta stronę (wykorzystując HTML i CSS) zawierającą formularz rejestracyjny użytkownika w systemie.
Formularz ma się składać z następujących pół:
POLA TEKSTOWE
- Imię (max. 20 znaków) - Nazwisko (max. 40 znaków)
- Email (max. 100 znaków w odpowiednim formacie)
- Hasło (max. 20znaków, z użyciem markerów do zakrycia wpisywanego tekstu)
- Potwierdzenie hasła (max. 20znaków, z użyciem markerów do zakrycia wpisywanego tekstu) POLA TYPU RADIO
- Płeć (K lub M) PRZYCISKI
-Wyślij -Wyczyść
Działanie WYSLIJ
Przycisk Wyślij ma inicjować sprawdzanie danych wprowadzonych do formularza, pod kątem ich poprawności.
Dane uznane za poprawne to:
Imie i Nazwisko = minimalna długość tekstu 3 znaki alfa-numeryczne;
Hasło i Potwierdzenie hasła = minimalna długość to 8 znaków (dowolnych) oraz hasła muszą być jednakowe;
Email = tekst zgodny ze wzorcem adresu email (doczytać w google lub pomyśleć);
Płeć = należy sprawdzić czy została zaznaczona jedna z dostępnych opcji;
Jeśli dane są poprawne do formularz należy wyczyścić i wyświetlić użytkownikowi stosowny komunikat (w postaci powiadomienia lub informacji na stronie), że formularz został wysłany (samej wysyłki formularza nie należy robić).
Jeśli dane w formularzu są błędne to należy wyświetlić użytkownikowi komunikat lub informacje na stronie, że dane należy poprawić ze wskazaniem, które dane są błędne lub brakujące.
WYCZYSC
Przycisk wyczyść ma czyścić pola formularza bez sprawdzania ich zawartości.
Uwagi końcowe
Choć wizualna strona tego zadania nie jest najważniejsza to jednak będzie brana pod uwagę w trakcie jego oceny.
W kwestii sprawdzania poprawności danych tekstowych można skorzystać z wyrażeń regularnych.