jQuery validate plugin – showErrors选项 – errorContainer不会隐藏/显示

我一直在努力为我的网站提供一个很好的验证解决方案,但我遇到了不同选项的问题.我已经彻底阅读了文档并查看了示例,但我仍然遇到问题.

我的表格在桌子上.我希望每一行都有它自己的错误行,它通常是隐藏的,但是会在适当时显示每一行.

以下选项隐藏并显示错误行正常,但每个错误行中显示的错误消息是每个错误消息的整个串联：

$('#myform').validate({
    rules: {
        firstName: "required",lastName: "required"
    },messages: {
        firstName: "Enter your first name.",lastName: "Enter your last name."
    },errorContainer: '.errorRow',errorLabelContainer: '.errorRow.appValuecolumn',errorPlacement: function(error,element) {
        error.appendTo( element.parent().next() );
    }
});

所以我尝试使用showErrors选项,如下所示：

$('#myform').validate({
        rules: {
            firstName: "required",lastName: "required"
        },messages: {
            firstName: "Enter your first name.",lastName: "Enter your last name."
        },errorContainer: '.errorRow.appValuecolumn',showErrors: function(errorMap,errorList) {
        $.each(errorMap,function(key,value) {
       $('#'+key).parent().next().children('.appValuecolumn').html(errorMap[key]);
});

好吧,现在错误都被分开并显示在正确的位置,但我无法显示.errorRows.我在这做错了什么？

非常感谢

this.setTings.showErrors
            ? this.setTings.showErrors.call( this,this.errorMap,this.errorList )
            : this.defaultShowErrors();

showErrors: function(errorMap,errorList) {
    $.each(errorMap,value) {
        $('#'+key).parent().next().children('.appValuecolumn')
                  .html(errorMap[key]);
    });
    this.defaultShowErrors();
});