plugin Validate, il valide malgré l'absence du champ email

soulflow · 23/07/2011, 14h53

Bonjour,
J'utilise le plugin validator de jquery pour pouvoir valider mes formulaire.
Voici un simple exemple:

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<html>
<head>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
 
            $("#formulaire").validate({
                rules: {
                    name: {
                        required: true,
                        maxlength: 4
                    },
                    mobile: {
                        required: true,
                        digits: true,
                        maxlenght: 12
                    },
                    email: {
                        required: true,
                        email: true               
                    }
                },
                 messages: {
                    name: {
                        required : "Please specify your name",
                        maxlength : "Your name must be less than 5 caracters"
                    },
                    email: {
                        required: "We need your email to contact you",
                        email: "Your email address must be in the format of name@domain.com"
                    },
                    mobile: {
                        required: "We need your mobile to contact you",
                        digits: "Only digits allowed",
                        maxlength: "Your number must be less than 13 digits"
                    }
                }
            });
        });
    </script>
</head>
 
 
<body>
<div id="container">
    <form id="formulaire" method="post" action="contact/en/">
        nom : <input type="text" name="name" /><br/>
        mobile : <input type="text" name="mobile" /><br/>
        email : <input type="text" name="email" /><br/>
        <input type="submit" value="submit" id="submit"/>
    </form>
</div>
</body>
</html>

Le problème est le suivant :
quand je saisi un nom valide et un numéro mobile valide et que je ne met pas d'email le formulaire est validé comme même alors que j'ai bien précisé le champ email comme etant un champ obligatoire.

Est-ce que quelqu'un pourrait m'aider svp ?merci d'avance.

SpaceFrog · 24/07/2011, 13h45

tu as un champs

Code :

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

name="name"

pareil pour email qui est une propriété de validator ...

choisis mieux tes noms ...

danielhagnoul · 24/07/2011, 22h18

Bonsoir

Je viens de tester et après avoir corrigé la bogue, la validation fait son travail.

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
23
24
25
26
27
28
29
30
31
32
$("#formulaire").validate({
	rules: {
		name: {
			required: true,
			maxlength: 4
		},
		mobile: {
			required: true,
			digits: true,
			maxlength: 12 // bug : maxlenght: 12 !!
		},
		email: {
			required: true,
			email: true               
		}
	},
	messages: {
		name: {
			required : "Please specify your name",
			maxlength : "Your name must be less than 5 caracters"
		},
		email: {
			required: "We need your email to contact you",
			email: "Your email address must be in the format of name@domain.com"
		},
		mobile: {
			required: "We need your mobile to contact you",
			digits: "Only digits allowed",
			maxlength: "Your number must be less than 13 digits"
		}
   }
});

24/07/2011, 13h45	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 019 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 019 Points : 45 114 Points : 45 114	tu as un champs Code : Sélectionner tout - Visualiser dans une fenêtre à part name="name" pareil pour email qui est une propriété de validator ... choisis mieux tes noms ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

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