validation de select value = -1

**SpaceFrog** · 26/01/2011, 10h46

Je passe à la validation de mon formulaire en jquery sans l'addon validate...

pour le moment pour vérifier mes radios sont checked et mes textbox pas vides, j'utilise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 //civilité  bouton radio
                if( !$(":[id^=civ]:checked")[0]) {message.push("\t* civilité");}
            //nom  text
                if( !$("#custname[value=='']")[0]) {message.push("\t* Nom");}

Je suis un peu perplexe pour mes select qui ont une première option value=-1 en selected

il ne veut rien savoir avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 if( $("#fonction[value=='-1']")[0])

**SpaceFrog** · 26/01/2011, 12h41

temporairement j'utilise:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#fonction").val()=='-1'

mais j'espérais trouver un truc du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

!$("#fonction option[value=='-1' ]")[0]

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

!$("#fonction option[value=='-1']:selected")[0]

**Bovino** · 26/01/2011, 14h00

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

!$("#fonction option:selected[value=='-1']")

peut être ?

**SpaceFrog** · 26/01/2011, 14h37

oui c'est ce que j'ai tenté juste après ...; mais non

**danielhagnoul** · 27/01/2011, 00h42

Bonsoir

Il y a la méthode is(), exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<input id="dvjhCheckboxID" type="checkbox" checked="checked" />
<input id="dvjhRadioID" type="radio" checked="checked" />
 
<select id="dvjhSelectID">
	<option value="" selected="selected">option 1</option>
</select>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
console.log($("#dvjhCheckboxID").is(":checked"));
console.log($("#dvjhRadioID").is(":checked"));
console.log($("#dvjhSelectID option").eq(0).is(":selected"));

**SpaceFrog** · 27/01/2011, 11h08

oui je connais is() ...

mais je suis déçu

je pensais pouvoir passer par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

options:selected[value=='-1']

**scourjean** · 27/01/2011, 11h39

Tu as essayé avec ceci:
http://api.jquery.com/attribute-not-equal-selector/

**danielhagnoul** · 27/01/2011, 20h44

Bonsoir

Donc, non seulement l'élément doit être choisi mais il doit avoir une valeur particulière. Ma réponse est toujours d'utiliser la méthode is().

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<input id="dvjhCheckboxID" type="checkbox" checked="checked" value="-1" />
 
<input id="dvjhRadioID" type="radio" checked="checked" value="0" />
 
<select id="dvjhSelectID">
	<option value="-1" selected="selected">option 1</option>
</select>
 
console.log($("#dvjhCheckboxID:checked").is("[value='-1']"));
console.log($("#dvjhRadioID:checked").is("[value='-1']"));
console.log($("#dvjhSelectID option:selected").eq(0).is("[value='-1']"));

**SpaceFrog** · 28/01/2011, 09h54

oui oui je sais bien pour le is() merci Daniel
j'essayais juste de factoriser cela au niveau du selecteur

on a bien la possibilité de rentrer :checked d'un coté et le [value=...] d'un autre dans le selecteur...
Ma curiosité naturelle me poussait à regrouper les deux ...

**SpaceFrog** · 28/01/2011, 10h03

Ha ben voilà quand on cherche un peu à tête reposée ..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script type='text/javascript'>
function bar(){
		alert(!!$("#foo option[value='-1']:selected")[0])
		}
 
	</script>
</head>
<body >
<select id="foo">
<option value='-1' selected="selected">-1 </option>
<option value='2'>21 </option>
<option value='3'>31 </option>
<option value='4'>41 </option>
<option value='5'>51 </option>
<option value='6'>61 </option>
</select>
<input type="button" onclick="bar()" value="test" />

validation de select value = -1

jQuery

Discussions similaires

Partager

Partager