Javascript jQuery验证插件错误摘要

我正在尝试使用jquery.validation插件创建验证摘要

到目前为止，我得到的是：

// Validate order form before submitting it
$('.order-material-form').validate({
    onkeyup: false,
    onclick: false,
    showErrors: function (errorMap, errorList) {            
        $.each(errorList, function () {
            var element = this.element;
            var labelText = $(element).prev('p').find("label").text();
            var error = this.message;

            errorSummaryList.append($("<li>").text(labelText + ": " + error));
            errorSummaryList.fadeIn('fast');
        });
        this.defaultShowErrors();
    },
    highlight: function (element, errorClass) {
        $(element).css({ "border": "1px solid #ff0000", "color": "#ff0000" });
    },
    unhighlight: function(element, errorClass) {
        $(element).css({ "border": "1px solid #555555", "color": "#555555" });
    },
    errorPlacement: function() {}
});

//提交订单前验证订单
$（'.order material form'）。验证({
onkeyup:false，
onclick:false，
错误：函数（错误映射，错误列表）{
$.each（错误列表，函数（）{
var元素=this.element；
var labelText=$（element.prev（'p'）.find（“label”）.text（）；
var error=this.message；
errorSummaryList.append（$（“
”）.text（labelText+”：“+error））；
errorSummaryList.fadeIn（'fast'）；
});
this.defaultRors（）；
},
突出显示：函数（元素，errorClass）{
$（element）.css（{“border”：“1px solid#ff0000”，“color”：“#ff0000”}）；
},
取消高亮显示：函数（元素，errorClass）{
$（element.css（{“border”：“1px solid#555555”，“color”：“#555555”}）；
},
errorPlacement:函数（）{}
});

这会将错误放在my

errorSummaryList

（这是一个无序列表）中，但由于它被设置为将错误附加到摘要列表中，因此如果/当用户切换输入等时，它会反复附加相同的错误消息

我有一种奇怪的感觉，这不是使用jquery.validation插件创建摘要的正确方法

有人知道怎么做吗

提前感谢：）

试试这个：

showErrors: function (errorMap, errorList) {    

    var errorLiArray = $.map(errorList, function(error){
        var labelText = $(error.element).prev('p').find("label").text();

        return "<li>" + labelText + ": " + error.message+ "</li>";
    });

    errorSummaryList.html(errorLiArray.join(''))

    errorSummaryList.fadeIn('fast');

    this.defaultShowErrors();
},

错误：函数（错误映射，错误列表）{
var errorLiArray=$.map（错误列表，函数（错误）{
var labelText=$（error.element）.prev（'p'）.find（“label”）.text（）；
返回“
”+labelText+”：“+error.message+”
”；
});
errorSummaryList.html（erroriarray.join（“”））
errorSummaryList.fadeIn（'fast'）；
this.defaultRors（）；
},

试试这个：

showErrors: function (errorMap, errorList) {    

    var errorLiArray = $.map(errorList, function(error){
        var labelText = $(error.element).prev('p').find("label").text();

        return "<li>" + labelText + ": " + error.message+ "</li>";
    });

    errorSummaryList.html(errorLiArray.join(''))

    errorSummaryList.fadeIn('fast');

    this.defaultShowErrors();
},

错误：函数（错误映射，错误列表）{
var errorLiArray=$.map（错误列表，函数（错误）{
var labelText=$（error.element）.prev（'p'）.find（“label”）.text（）；
返回“
”+labelText+”：“+error.message+”
”；
});
errorSummaryList.html（erroriarray.join（“”））
errorSummaryList.fadeIn（'fast'）；
this.defaultRors（）；
},

hi jam，非常感谢！：-）但是，当我在一个有错误的字段中设置光标时，这个摘要消失，只显示第一个错误字段。我必须承认我在使用这个插件时迷失了方向；-）当前行为的Screenr：在我点击提交按钮之前，它不会验证“必需”字段。@bomortensen我没有使用过这个插件，所以我不确定出了什么问题（或者即使它是一个功能：P）。无论如何，很高兴能帮上忙：）@bomortensen如果你创建了一个，我也许能帮上忙：）嗨，果酱，非常感谢！：-）但是，当我在一个有错误的字段中设置光标时，这个摘要消失，只显示第一个错误字段。我必须承认我在使用这个插件时迷失了方向；-）当前行为的Screenr：在我点击提交按钮之前，它不会验证“必需”字段。@bomortensen我没有使用过这个插件，所以我不确定出了什么问题（或者即使它是一个功能：P）。无论如何，很高兴能帮上忙：）@bomortensen如果你创建了一个，我也许能帮上忙：）文档中有一个摘要列表示例。文档中有一个摘要列表示例。