Question

怎么让jquery.validate.js 只显示第一个错误信息,将第一个错误信息放在指定标签中?

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

这个你在要展示错误信息位置先加个定位符（div id="err"）
然后当验证不通过的时候把信息填充进去
$（"#err"）.append(error)这样信息就能在那地方显示了

追问

我是想如果有多于一个的错误，让它只显示第一个。请问怎么搞呢？

我是想如果有多于一个的错误，让它只显示第一个。请问怎么搞呢？

追答

这个应该是你validate.js写的时候messages函数里头提示的，你只要提示一条就好了，或者多条在通过errorPlacement指定显示位置
messages: {
user: "请输入账号！",
yzm: {
required: "请输入验证码",
},
},
errorPlacement: function (error, element) {
//var errorDiv = $("");
//errorDiv.appendTo(element.parent());
error.appendTo(element.parent()); //将错误信息加入到指定位置
}

Answer 2

条件：错误的容器，我这里是ol

原因 : 我把所有的错误都放在这个ol里
当出现多条错误信息，就会生成多条li标签

问题：那么我只想显示第一个li标签的错误信息，怎么办？

解决思路:保留第个li删除其它li标签即可!

现象：假如我有这里一个元素没符合我的规则时，
validate就会在我指定错误标签(ol)下生成一个li,
如果此元素通过验证规则，生成的的li，不会删除 而是隐藏！
该现象不符合我解决思路！
下面贴代码：
errorLabelContainer:".erro",
wrapper:"li",
showErrors:function(errorMap,errorList) {
this.defaultShowErrors();
$('ol li:hidden').remove()//删除所有隐藏的li标签
$('ol li:eq(0)').nextAll().remove()//第一个li下所有跟随的同胞级li删除

},
就这样的代码可以 实现 永远只显示第一个错误信息！！

Answer 3

$(".form").validate({
    showErrors: function(errorMap, errorList) {
        if(errorList.length != 0) {
            //这两个参数一打印出来你应该就能看懂了
            console.log(errorMap)
            console.log(errorList)
            var parent = $(errorList[0].element).parents(".inputParents");
            if(parent.find("label.error").size() > 0) {
                parent.find("label.error").remove();
            }
            var errorLable = '<label for="'+errorList[0].element.name+'" class="error">'+errorList[0].message+'</label>'
            parent.append(errorLable);
        }
    },
})

Answer 4

看文档啊，很简单