Emplacement de l'erreur jquery.validate

Question

Mes connaissances CSS sont un peu limitées.

voudrais souligner l'étiquette gauche div lorsqu'une erreur se produit dans div droite

messages: { 
    userID: "" 

}, 
errorElement: "span",  
    errorPlacement: function(error, element) {   
    element.siblings("label").append(error);  
    },  
    highlight: function(element) {   
    $(element).parent().children("div.left label").addClass("error");  
    },  
    unhighlight: function(element) {   
    $(element).parent().children("div.left label").addClass("error");  
    } 


<div class="left"> 
<label for="userID">Username:</label> <br /> 
</div> 
<div class="right">  
<input type="text" name="userID" id="userID" onkeyup="nospaces(this)" maxlength="15" onBlur="checkUID(this)" onKeyPress="hideWarning()"> 
</div> 

Actuellement « rien » se produit, aucune erreur, aucun point fort. Je ne sais pas comment modifier le script errorPlacement pour se conformer. Thx donc très mch.

Answer 1

Si vous voulez que toutes les étiquettes à mettre en avant avec la classe d'erreur, utilisez la fonction setDefaults():

if (jQuery.validator) { 
    jQuery.validator.setDefaults({ 
     /* Place error labels below invalid fields */ 
     errorPlacement: function(error, element){ 
      $('label[for=' + element.attr('id') + ']').addClass("error"); 
     } 
    }); 
} 

$('#commentForm').validate(); 

http://jsfiddle.net/iknowkungfoo/dvyqN/1/

Answer 2

changement

$(element).siblings("label").addClass("error"); 

à

$(element).parent().children("div.left label[for='password']").addClass("error"); 

Cela permet de sélectionner l'étiquette quand il est dans la div gauche. Faites de même pour .removeClass(). Enfin, vous pouvez également être moins spécifique avec le sélecteur et utiliser simplement div.left label au lieu de div.left label[for='password'] si vous voulez que la règle s'applique généralement à tous les champs.