Tester les champs obligatoires

**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

Tester les champs obligatoires

jQuery

Vue hybride

Discussions similaires

Partager

Partager