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:
- Wywołaj
event.preventDefault()na obiekcie zdarzenia, aby zablokować odświeżenie strony. - Zmień tekst akapitu
#stanWysylkina: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)
- 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().