Jquery validate div

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.

<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:

<style type="text/css">
<!--
label.error 
{
position: absolute;
font-size:11px;
color:#9b0301;
}

    </style>

Merci

Frédéric

Je te conseille de voir la démo ici : http://jqueryui.com/demos/dialog/#modal-form

Le form possède un code permettant de faire la validation des inputs et d'afficher un message si besoin.

N'oublie pas de faire les même procédure de validation du côté serveur, le code exécuté code client peut toujours être modifié.

Kage