Walidacja formatu kodu pocztowego
Treść zadania
W formularzu adresowym mamy pole <input type="text" id="kodPocztowy" value="00-950">, przycisk <button id="btnSprawdzKod">Sprawdź kod</button> oraz akapit <p id="stanKodu"></p>.
Napisz walidację: po kliknięciu przycisku zbadaj, czy kod ma długość 6 znaków (kod.length === 6) oraz czy znak o indeksie 2 jest myślnikiem (kod[2] === '-'). Jeśli oba warunki są spełnione, wpisz 'Kod prawidłowy', w przeciwnym razie 'Niepoprawny format kodu'.
Co będzie oceniane
- Odczyt wartości z pola #kodPocztowy.
- Weryfikacja warunków: length === 6 oraz znak[2] === '-'.
- Wpisanie 'Kod prawidłowy' dla '00-950'.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (2)
- Poprawny kod pocztowy 00-950 — tekst #stanKodu = Kod prawidłowy
- Błędny kod pocztowy bez myślnika — tekst #stanKodu = Niepoprawny format kodu
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zweryfikuj format kodu pocztowego i wpisz wynik do #stanKodu po kliknięciu #btnSprawdzKod
Wskazówki
Wskazówka 1
Do poszczególnych znaków w łańcuchu tekstowym można odwoływać się za pomocą indeksów nawiasowych, tak jak w tablicy.
Wskazówka 2
Pobierz wartość pola, zbadaj jej długość oraz znak na pozycji o indeksie dwa za pomocą operatora koniunkcji i ustaw właściwy komunikat w akapicie.