Bonsoir,

J'ai un petit problème, j'utilise le plugin validate de jquery afin de valider un formulaire mais il fonctionne uniquement sur internet explorer et pas sur firefox ni sur chrome...

J'ai tout d'abord mon formulaire :

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
 
<table class="inscription">
<form action="<?php echo $_SERVER['PHP_SELF']?>" method="post" id="val_form">
     <tr>
          <td><label for="username">Nom d'utilisateur :</label></td>
          <td colspan="3"><input type="text" size="25" name="username" value="" id="username" /></td>
     </tr>
     <tr>
           <td><label for="password">Mot de passe :</label></td>
           <td colspan="3"><input type="password" size="25" name="password" value="" id="password" /></td>
       </tr>
        <tr>
            <td><label for="confirm_password">Confirmer mot de passe :</label></td>
            <td colspan="3"><input type="password" size="25" name="confirm_password" value="" id="confirm_password"/></td>
        </tr>
         <tr>
             <td><label for="email">E-mail :</label></td>
             <td colspan="3"><input type="text" size="25" name="email" value="" id="email"/></td>
          </tr>
          <tr>
               <td><input type="submit" name="submit" value="S'inscrire"/></td>
           </tr>
</form>
</table>
Ensuite je lie bien mes fichiers :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<script type="text/javascript" src="../js/jquery-1.6.4.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>
<script type="text/javascript" src="../js/validate_form.js"></script>
Et pour finir voici mon fichier javascript :

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
 
$(document).ready(function(){
	$("#val_form").validate({
		rules: {
			prenom: "required",
			nom: "required",
			username: {
				required: true,
				minlength: 2
			},
			password: {
				required: true,
				minlength: 5
			},
			confirm_password: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true
			},
		},
		messages: {
			prenom: "<span class='refuser'>Veuillez entrer votre prénom</span>",
			nom: "<span class='refuser'>Veuillez entrer votre nom</span>",
			username: {
				required: "<span class='refuser'>Veuillez entrer un nom d'utilisateur</span>",
				minlength: "<span class='refuser'>Votre nom d'utilisateur doit contenir au minimum 2 caractères</span>"
			},
			password: {
				required: "<span class='refuser'>Veuillez entrer un mot de passe</span>",
				minlength: "<span class='refuser'>Votre mot de passe doit contenir au minimum 5 caractères</span>"
			},
			confirm_password: {
				required: "<span class='refuser'>Veuillez entrer un mot de passe</span>",
				minlength: "<span class='refuser'>Votre mot de passe doit contenir au minimum 5 caractères</span>",
				equalTo: "<span class='refuser'>Le mot de passe doit être le même</span>"
			},
			email: "<span class='refuser'>Veuillez entrer une adresse e-mail valide</span>",
		}
	});
})
Est-ce que quelqu'un aurait une idée ?

Merci