Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Input Radio - setCustomValidity
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
topcio
Witajcie, mam taki problem potrzebuję wymusić na użytkowniku by wybrał jedną z opcji, jeśli nie wybierze to nie puści go dalej
Niestety nawet po wybraniu którejś z opcji trzeba po kolei przeklikać wszystkie inne by móc pójść dalej
Co jest nie tak w tym kodzie.

  1. echo "<div>";
  2. echo "<h4>Ilość portów BNC: </h4>";
  3. echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"4\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 4 ";
  4. echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"8\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 8 ";
  5. echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"16\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 16 ";
  6. echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"32\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 32 ";
  7. echo "</div>";
  8.  
  9.  



Z góry dzięki za pomoc.
trueblue
1. oninvalid ustaw tylko na pierwszym elemencie.
2. Komunikat walidacji czyść dla pierwszego elementu (nie dla klikanego).

3. Zainteresuje się metodą addEventListener.
4. ID elementu ma być unikalne w ramach dokumentu.

P.S Czyść dla pierwszego, ale na klik każdego.
topcio
Zrobiłem jak pisałeś, teraz muszę zawsze wybrać pierwszy element by przeszło dalej, np wtedy gdy wybiorę sobie element 4.
Chyba że to nie zadziała bez użycia addEventListener
Ok już wiem co zepsułem, zaraz poprawię i zobaczę
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.