plugin Validation. Comment afficher une disivion si le formulaire est incorrect

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:

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:

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