Ćwiczenie · Informatyka Ćwiczenie: Walidacja pola przy opuszczeniu focusu blur

Walidacja pola przy opuszczeniu focusu blur

Treść zadania

Mamy pole tekstowe <input id="email"> oraz akapit błędu <p id="komunikatBledu"></p>. Zarejestruj na polu zdarzenie blur (utrata focusu). Jeżeli po oczyszczeniu ze spacji metodą trim() pole jest puste, wpisz do akapitu: Pole e-mail jest wymagane!. W przeciwnym razie wyczyść akapit błędu do "".

Co będzie oceniane

  • Zastosowanie zdarzenia blur na polu #email.
  • Sprawdzenie pustej zawartości po trim().
  • Wypisanie ostrzeżenia w akapicie #komunikatBledu.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Utrata focusu na pustym polu — tekst #komunikatBledu = Pole e-mail jest wymagane!

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Zarejestruj zdarzenie blur na #email i sprawdź czy pole nie jest puste

Wskazówki

Wskazówka 1

Zdarzenie blur występuje w chwili, gdy kursor opuszcza pole formularza.

Wskazówka 2

W funkcji zdarzenia sprawdź, czy pole.value.trim() === "" i odpowiednio ustaw lub wyczyść tekst akapitu błędu.