jquery.validate中的errorPlacement success unhighlight等共用问题

jquery.validate中的errorPlacement success unhighlight等共用问题

我使用的是jquery.validate 1.17.0版本

---

第一个问题

在使用验证插件jquery.validate.js 时候 ，同时使用 errorPlacement 和 success 方法时 会发现 无论验证成功和失败都会调用errorPlacement 方法。验证成功时，会先调用errorPlacement ，然后调用success方法，这样会导致验证正确输入时 先会显示错误 然后再正确 有个一瞬间的改变。。如果必须要用这个方法，你可以在errorPlacement 方法里面做出一个判断，具体如下：

success: function(element) {
    //element  当前验证的input元素 debugger一下你就知道
},
errorPlacement:function(error,element) {
    if($(error).text() != ""){  //错误不为空其实就是验证失败
        //错误时执行的代码
    }else {//错误为空就是验证成功
        //正确时执行的代码  与上边success一致即可
    }   
},

第二个问题（推荐）

我在验证form表单时候，并且我的错误提示没有用到jquery.validate 原始提示的位置,我采用的下边的方法:
（1）unhighlight: function (element, errorClass, validClass) {

}
unhighlight 方法是jquery.validate验证通过会调用的方法

（2）errorPlacement: function (label, element) {
}
errorPlacement 方法是出现错误调用的方法

以上两种是我在使用jquery.validate 验证时出现错误调用其函数所得到的修改方法

题外话:欢迎关注我的公众号 —– IT元