Forum PHP.pl > [jQUERY] walidacja checkbox ów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQUERY] walidacja checkbox ów

sumek

18.03.2010, 22:13:12

Witam,
proszę o pomoc, chodzi mi o walidację checkboxów. Mianowicie mam 3 grupy, w każdej grupie są po 4 checkboxy.
Chciał bym aby walidacja polegała na tym iż przynajmniej jeden checkbox musi być zaznaczony z każdej grupy.
mam nadzieję że jasno wytłumaczyłem o co mi chodzi

GRUPA I

[HTML] pobierz, plaintext 
<input name="ksiazki" value="1" type="checkbox">
<input name="zeszyty" value="1" type="checkbox">
<input name="bloczki" value="1" type="checkbox">
<input name="papier" value="1" type="checkbox">
[HTML] pobierz, plaintext

GRUPA II

[HTML] pobierz, plaintext 
<input name="dlugopisy" value="1" type="checkbox">
<input name="markery" value="1" type="checkbox">
<input name="gumki" value="1" type="checkbox">
<input name="linijki" value="1" type="checkbox">
[HTML] pobierz, plaintext

GRUPA III

[HTML] pobierz, plaintext 
<input name="segregator" value="1" type="checkbox">
<input name="plyty" value="1" type="checkbox">
<input name="ramki" value="1" type="checkbox">
<input name="wklady" value="1" type="checkbox">
[HTML] pobierz, plaintext

z góry dziękuję za pomoc

Wicepsik

18.03.2010, 22:21:54

Próbowałeś sam zrobić skrypt?

sumek

18.03.2010, 22:26:45

Cytat(Wicepsik @ 18.03.2010, 22:21:54 )

Próbowałeś sam zrobić skrypt?

nie bo z js jestem noga

pixsoul

18.03.2010, 22:36:29

Tym: http://bassistance.de/jquery-plugins/jquer...gin-validation/ bez problemu mozesz takie cos zrobic. Jest tam wersja demo gdzie musza byc zaznaczone 2 checkboxy.

sumek

18.03.2010, 23:02:57

Cytat(pixsoul @ 18.03.2010, 22:36:29 )

Tym: http://bassistance.de/jquery-plugins/jquer...gin-validation/ bez problemu mozesz takie cos zrobic. Jest tam wersja demo gdzie musza byc zaznaczone 2 checkboxy.

jakieś inne rozwiązanie bez zbędnych pluginów ?

pixsoul

19.03.2010, 00:11:17

Jasne, samemu napisac, ale jak sie nie znasz na JS to najprosciej bedzie uzyc plugin.
Jest jeszcze pomniejszy plugin do validacji: http://demos.usejquery.com/ketchup-plugin/index.html

sumek

19.03.2010, 15:16:32

Zrobiłem coś takiego, tylko problem w tym że moje name="" ma za z każdym checkboxem inną nazwę, a to poniżej sprawdza tylko jednego checkboxa

[PHP] pobierz, plaintext 
 
var checkbox = $('input[name=ksiazki]');
   if(checkbox.filter(":checked").val() == null){
   $('#info2').text('proszę zaznaczyc minimum jedno pole !');
   return false;
}
[PHP] pobierz, plaintext

trucksweb

19.03.2010, 15:34:47

daj kazdemu inputowi z grupy klase np.
dla grupy 1

[HTML] pobierz, plaintext 
<input type... class="grupa1"/>
[HTML] pobierz, plaintext

i sprawdzasz

[HTML] pobierz, plaintext 
if($('.grupa1').is("checked") == true){
$('#info2').text('proszę zaznaczyc minimum jedno pole !');
return false;
}
[HTML] pobierz, plaintext

uzyj jquery do tego

//
pisane na szybko,nie tesstowane

sumek

19.03.2010, 16:13:47

Cytat(trucksweb @ 19.03.2010, 15:34:47 )

daj kazdemu inputowi z grupy klase np.
dla grupy 1

[HTML] pobierz, plaintext 
<input type... class="grupa1"/>
[HTML] pobierz, plaintext

i sprawdzasz

[HTML] pobierz, plaintext 
if($('.grupa1').is("checked") == true){
$('#info2').text('proszę zaznaczyc minimum jedno pole !');
return false;
}
[HTML] pobierz, plaintext

uzyj jquery do tego

//
pisane na szybko,nie tesstowane

twój przykład nie działa, ale dałeś mi wskazówkę

z tą klasą.... nauczyłem się czegoś nowego

ja zrobiłem to tak i działa.

[PHP] pobierz, plaintext 
                        if($('.grupa1').filter(":checked").val() == null){
                          $('#info2').text('proszę zaznaczyc minimum jedno pole !');
                        return false;
                        }
[PHP] pobierz, plaintext

dzięki ci bardzo pomogłeś

trucksweb

19.03.2010, 16:19:51

moj blad:
teraz dziala

[HTML] pobierz, plaintext 
 
      if($('.grupa1').is(":checked") == true){
 
      $('#info2').text('proszę zaznaczyc minimum jedno pole !');
 
      return false;
 
      }
[HTML] pobierz, plaintext

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.