Podwójna walidacja formularza: tekst i regulamin
Treść zadania
W formularzu rejestracji znajdują się:
<input id="login" value=" "><input type="checkbox" id="regulaminZgoda">Akceptuję regulamin<button id="btnZarejestruj">Zarejestruj</button><p id="komunikatRejestracji"></p>
Po kliknięciu przycisku sprawdź warunki:
- Jeżeli
login.value.trim() === ""— wpisz do akapitu:Wpisz login!. - W przeciwnym razie, jeżeli checkbox nie jest zaznaczony (
!regulaminZgoda.checked) — wpisz:Musisz zaakceptować regulamin!. - W przeciwnym wypadku — wpisz:
Rejestracja pomyślna.
Co będzie oceniane
- Sprawdzenie pustego loginu po trim().
- Sprawdzenie zaznaczenia checkboxa regulaminu.
- Wypisanie Wpisz login! dla pustego pola loginu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odrzucenie pustego loginu — tekst #komunikatRejestracji = Wpisz login!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zweryfikuj pole login oraz checkbox regulaminu po kliknięciu #btnZarejestruj
Wskazówki
Wskazówka 1
Zastosuj hierarchię warunków if ... else if ... else.
Wskazówka 2
Oczyść login metodą trim() przed porównaniem z pustym ciągiem, a stan zgody zweryfikuj właściwością checked.