Ćwiczenie · Informatyka Ćwiczenie: Blokowanie wysyłki formularza preventDefault

Blokowanie wysyłki formularza preventDefault

Treść zadania

W dokumencie znajduje się formularz <form id="formularzRejestracji"><button type="submit" id="btnSubmit">Wyślij</button></form> oraz akapit <p id="stanWysylki">Czeka</p>. Zarejestruj obsługę zdarzenia submit na formularzu. W funkcji obsługującej:

  1. Wywołaj event.preventDefault() na obiekcie zdarzenia, aby zablokować odświeżenie strony.
  2. Zmień tekst akapitu #stanWysylki na: Wysyłka zatrzymana przez JavaScript.

Co będzie oceniane

  • Zarejestrowanie zdarzenia submit na formularzu.
  • Wywołanie metody preventDefault() na obiekcie zdarzenia.
  • Wpisanie Wysyłka zatrzymana przez JavaScript do akapitu.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Przechwycenie wysyłki formularza i wywołanie preventDefault — tekst #stanWysylki = Wysyłka zatrzymana przez JavaScript

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

// Zarejestruj submit na #formularzRejestracji i zablokuj preventDefault()

Wskazówki

Wskazówka 1

Zdarzenie submit należy rejestrować na znaczniku form, a nie na samym przycisku.

Wskazówka 2

Przyjmij obiekt zdarzenia w parametrze funkcji (np. function(e)) i wywołaj na nim metodę e.preventDefault().