plugin validate jquery

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:

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:

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:

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