Tester les champs obligatoires [Résolu]

guilopouloos · 10/02/2012, 17h23

Bonjour et merci d'avoir ouvert mon post,

Je cherche à vérifier que mes champs obligatoires sont saisie, pour se faire je pensais utiliser un selector de ce type en JQuery

Code :

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

$('.obligatoire[value=""]')

Toutes mes inputs obligatoires étant de class=obligatoire.
Mais voila le test me retourne un "undefined"

une idée ?

Bovino · 10/02/2012, 17h50

Il faudrait voir le code HTML associé, mais de toute façon, ta méthode n'est pas bonne,

Code :

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

$('.obligatoire[value=""]')

va rechercher les éléments dont la classe est "obligatoire", mais dont la valeur de l'attribut HTML value vaut une chaine vide. Il s'agit de la valeur initiale du champ, celle renseignée dans le code HTML qui n'est pas la même que la propriété value de l'objet JavaScript (et donc jQuery) correspondant.

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
19
20
21
22
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8" />
    <title>Onglets</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        $(function(){
			$('#checkBtn').click(function(){
				console.log($('input[value="toto"]'));
				console.log($('#checkVal').val());
			});
        });
    </script>
</head>
<body>
	<div>
		<input value="toto" id="checkVal" />
		<button id="checkBtn">Vérifier</button>
	</div>
</body>
</html>

Il va falloir que tu fasses une boucle sur chacun des éléments pour vérifier leur valeur effective :

Code :

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

1
2
3
$('.obligatoire').each(function(){
    console.log(this.value);  // ou $(this).val()
});

guilopouloos · 13/02/2012, 10h21

Au poil, merci de ton aide toujours au top

10/02/2012, 17h23	#1
guilopouloos Membre du Club Inscription : mai 2006 Messages : 150 Détails du profil Informations forums : Inscription : mai 2006 Messages : 150 Points : 54 Points : 54	Tester les champs obligatoires Bonjour et merci d'avoir ouvert mon post, Je cherche à vérifier que mes champs obligatoires sont saisie, pour se faire je pensais utiliser un selector de ce type en JQuery Code : Sélectionner tout - Visualiser dans une fenêtre à part $('.obligatoire[value=""]') Toutes mes inputs obligatoires étant de class=obligatoire. Mais voila le test me retourne un "undefined" une idée ?
	00

13/02/2012, 10h21	#3
guilopouloos Membre du Club Inscription : mai 2006 Messages : 150 Détails du profil Informations forums : Inscription : mai 2006 Messages : 150 Points : 54 Points : 54	Au poil, merci de ton aide toujours au top
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email