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

Posted IT元

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery.validate中的errorPlacement success unhighlight等共用问题相关的知识,希望对你有一定的参考价值。


我回来啦我回来啦我回来啦我回来啦我回来啦

第一个问题

在使用验证插件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 验证时出现错误调用其函数所得到的修改方法


以上是关于jquery.validate中的errorPlacement success unhighlight等共用问题的主要内容,如果未能解决你的问题,请参考以下文章

JQuery Validate 不适用于 Bootstrap Carousel 中的表单

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

jQuery的Validate插件

JQuery Validate:Safari中的“未选择”

jquery validate表单验证

如何使用 jQuery validate 验证表单中的所有字段?