Javascript jQueryValidate将错误视为单独的实例，而不是组合它们

我可以将jquery验证错误重新定位到表单上方的特定容器集，但元素显示为单独的错误（多个）

理想情况下，我希望有一个大的错误框（在我的其他页面上，我已经用类'error'调用了这个框），并在“请修复以下错误：…”这一行中陈述一些内容 结果是一个无序的列表

我的jquery如下所示：

<script type="text/javascript">
$(function() {     
    $("#login_form").validate({
        errorLabelContainer: "#containererreurtotal",
        wrapper: "li",
        errorClass: "error",
        rules: {
            AGTNO: 'required',
            AGTPW: 'required'
        },
        messages: {
            AGTNO: 'Your Number or Email Address is required.',
            AGTPW: 'Your Password is required.'
        },
        submitHandler: function(form) {
            $('body').append('<div id="overlay"></div>');
            $('#overlay').show();
            form.submit();
        }
    });
});
</script>

$（函数（）{
$（“#登录表单”）。验证({
errorLabelContainer:#ContainerReturnTotal“，
包装纸：“李”，
errorClass:“错误”，
规则：{
AGTNO:'必需'，
AGTPW:'必需'
},
信息：{
AGTNO:“需要您的号码或电子邮件地址。”，
AGTPW:'需要您的密码。'
},
submitHandler:函数（表单）{
$（'body'）。追加（''）；
$（“#覆盖”）.show（）；
表单提交（）；
}
});
});

在我的表格上方，我有以下内容：

<ul id="containererreurtotal"></ul>

知道我哪里出错了吗？

---

隐藏您的错误容器并为其提供适当的样式，其余的将由插件处理。

请创建一个JSFIDLE来解决您遇到的问题，没有足够的信息让我自己重新创建它。是我的解释，它工作得很好。它与我现有的.error类冲突，这就是问题所在。感谢您的帮助，我最终面临的问题是设置个人错误的样式，而不是设置整个div容器的样式。谢谢你的帮助。没问题，我很高兴能成为你成功的旁观者