Resetowanie formularza po udanej walidacji
Treść zadania
W dokumencie znajduje się formularz z polami:
<form id="formularzKontaktowy">
<input id="poleTytul" value="Pytanie o ofertę">
<button type="submit" id="btnZapisz">Wyślij</button>
</form>oraz akapit <p id="komunikatSukcesu"></p>. Na zdarzeniu submit formularza:
- Zablokuj domyślną wysyłkę metodą
event.preventDefault(). - Zresetuj formularz za pomocą metody
formularz.reset(). - Wpisz do akapitu:
Formularz wysłany i wyczyszczony.
Co będzie oceniane
- Zastosowanie zdarzenia submit z preventDefault().
- Wywołanie metody reset() na formularzu.
- Wpisanie komunikatu Formularz wysłany i wyczyszczony.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wysłanie formularza i wyczyszczenie pól — tekst #komunikatSukcesu = Formularz wysłany i wyczyszczony
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Obsłuż zdarzenie submit, zresetuj formularz i wyświetl potwierdzenie
Wskazówki
Wskazówka 1
Metoda formularz.reset() przywraca wszystkie kontrolki wewnątrz formularza do ich wartości początkowych.
Wskazówka 2
Wywołaj reset() na obiekcie formularza po zablokowaniu domyślnej akcji i wyświetl potwierdzenie w akapicie.