jquery validate捕获错误容器的高度

Question

在提交错误表单时使用“jquery validate”插件时，我试图获取错误容器的高度，但我似乎无法获取错误容器出现时的高度值。警报框甚至没有显示。请问解决办法是什么？

这是代码：

$(".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")
});

谢谢。

Answer 1

如果该元素不占用文档中的任何空间，则即使它实际上可见， is(':hidden') 也会返回 true，这样做可能更安全：

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/