Discussion :

[FredLx]

Bonjour,

J'utilise jquery.validate afin de valider mon formulaire mais j'aimerais qu'en plus, si mon formulaire n'est pas correct, qu'un div soit afficher.

Voici mon code 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
<script type="text/javascript" src="../files/js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="../files/js/jquery.validate.js"></script><script> 
$(document).ready(function(){ 
jQuery.validator.addMethod("phoneUS", function(phone_number, element) { 
phone_number = phone_number.replace(/\s+/g, ""); 
return this.optional(element) || phone_number.length > 9 && 
phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); 
}, "* Numéro de téléphone invalide"); 
 
$("#magazine").validate({ 
rules: { 
field: { 
required: true, 
phoneUS: true, 
statusAbonnement: true, 
salutation: true, 
statusAbonnement: "required", 
salutation: "required" 
} 
} 
}); 
}); 
 
</script>

Ainsi que mon css

Code :

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

1
2
3
4
5
6
7
8
9
10
<style type="text/css"> 
<!-- 
label.error 
{ 
position: absolute; 
font-size:11px; 
color:#9b0301; 
} 
 
</style>

Merci

Frédéric

[hotline]

Il me semble que validate propose l'affichage de messages en cas d'erreur. Regarde du côté de 'errorcontainer' :ICI