jquery valider attraper la hauteur du conteneur d'erreur

Question

J'essaie d'obtenir la hauteur du conteneur d'erreur lors de l'utilisation du plugin 'jquery validate' lors de la soumission d'un formulaire erroné, mais je n'arrive pas à obtenir la valeur de hauteur du conteneur d'erreur lorsqu'il apparaît. La boîte d'alerte ne montre même pas. Quelle est la solution, s'il vous plaît?

Voici le code:

$(".validate").validate({ 
    rules: { 
     j_username: "required" 
    }, 
    submitHandler: function(form) { 
     //$(":submit", form).attr("disabled","disabled").val("Please wait...."); 

     $(":submit", form).attr({ 
           disabled: "disabled", 
           value: "Please wait...." 
           });   


     var errH = $("#errorMsgContainer").height(); 
     if($("#errorMsgContainer").is(":visible")){  
      alert("visible and '#errorMsgContainer' height is: " + errH); 
     } 
     else{ 
      alert("Not visible and '#errorMsgContainer' height is: " + errH); 
     } 

     form.submit(); 

     return false; 
    }, 
    messages: { 
     j_username: "Please type your email address correctly!", 
     j_password: "Your password and username do not match!" 
    }, 
    ignore: ".catalogueDD", 
    errorLabelContainer: $("#errorMsgContainer") 
}); 

Merci.

Answer 1

si l'élément ne prend pas de place dans le document, puis est (« : caché ») retourne vrai même si elle est effectivement visible, il peut être plus sûr de faire au lieu ceci:

if(!$('#errorMsgContainer').is(':visible')) { 
    // it's hidden, do something 
} 
else { 
    // it's not hidden so do something else 
} 

SOURCE :: http://www.electrictoolbox.com/jquery-element-is-visible/