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"
		}
   }
});

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

jQuery

Vue hybride

Discussions similaires

Partager

Partager