Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ JavaScript _ Input Radio - setCustomValidity

Napisany przez: topcio 1.02.2018, 21:03:54

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. http://www.php.net/echo "<div>";
  2. http://www.php.net/echo "<h4>Ilość portów BNC: </h4>";
  3. http://www.php.net/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. http://www.php.net/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. http://www.php.net/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. http://www.php.net/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. http://www.php.net/echo "</div>";
  8.  
  9.  



Z góry dzięki za pomoc.

Napisany przez: trueblue 1.02.2018, 21:50:27

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.

Napisany przez: topcio 1.02.2018, 22:03:42

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ę

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)