jquery plugin validate, l'affichage d'une erreur à la fois avec css

Question

Je veux savoir que comment puis-je afficher les messages d'erreur sur le bas de l'écran en utilisant le jquery, plugin validateur

aussi est supposé afficher le une erreur à la fois.

pour par exemple: -

Nom

: - première erreur sera de nom
email: - une fois le nom est validé alors l'erreur de courrier électronique sera affiché
site: -Enfin erreur de site.

Et comment mettre en évidence la zone de texte du champ, un par un même style:

type d'entrée < = "text" name = "nom">
type d'entrée < = "text" name = "email" >
type d'entrée < = "text" name = "site">

< div id = 'erreur'> si le nom est vide, afficher le nom n'est vide, sinon vérifiez pour le courrier électronique et après ce site </div>

Je ne sais pas comment tout le code va ressembler.

Veuillez fournir l'extrait de code.

Merci à l'avance

Dave

Answer 1

Essayez ceci:

$("#myForm").validate({ 
    // Validation rules and messages go here 

    showErrors: function(errorMap, errorList) { 
     $("#myForm").find("input").each(function() { 
      $(this).removeClass("error"); 
     }); 
     $("#myErrorContainer").html(""); 
     if(errorList.length) { 
      $("#myErrorContainer").html(errorList[0]['message']); 
      $(errorList[0]['element']).addClass("error"); 
     } 
    } 
}); 

Ceci placera une erreur à la fois à l'intérieur d'un élément qui a myErrorContainer ID, et en même temps mettra en évidence l'élément qui provoque l'erreur en y ajoutant une classe .error.

Espérons que cela aide!

Answer 2

$("#myform").validate({ 
    wrapper: "li", 
    errorPlacement: function(error, element) { 
    error.appendTo('#errordiv'); 
    }, 
    debug:true 
}) 

remplacer errordiv avec l'identifiant de classe ou quel que soit sélecteur que vous avez pour l'élément que vous voulez mettre les erreurs dans