jQuery Validation插件onfocosout/onkeyup出错的解决方法

阅读更多

在使用jQuery Validation插件（jquery.validate.js）时，我们会需要在input文本域失去焦点时（即onblur）或者键盘输入时触发针对当前文本域的验证。

根据官方以及网上各类中英文的说明（可以说这个插件的文档资料做的不是很好，没有很系统很规范的API说明），我们发现了onfocusout和onkeyup这两个选项。

查阅了很多博客、问答，大部分的内容都只说了默认值false的情况，少部分的作者想当然的认为开启这个功能即把他设置成true即可，包括我也一样。

因此，错误的用法带来了错误信息，在触发了blur事件后js就弹出错误：

SCRIPT438: 对象不支持“call”属性或方法

在遇到这种冷门错误的时候，中文资料的支持基本上是无望的，这段错误的英文大致应该是：

Object doesn’t support this property or method 也可能是 validator.settings[eventType].call is not a function

最后找到2篇文章validator.settings[eventType].call is not a function以及Using jQuery validate plugin: onfocusout, onkeyup notworking as expected on production site，看起来也有人和我们一样，因为文档不详细而误入歧途，最后作者也说了当时写的Default: true有点误导作用，现在已经改成onfocusout/onkeyup: false, Function

那么总结一下解决方法：

onfocusout/onkeyup的默认值是false，如果需要开启对当前文本域的验证，则应该写成：
onfocusout: function(element) { $(element).valid(); }
onkeyup: function(element) { $(element).valid(); }

最终测试成功，该问题成功解决。此文希望能够对纠结于这个问题的朋友有所帮助。

另外，jQuery Validation这个插件在IE7兼容模式下也存在一个问题，可以看看此文：jQuery Validation 在IE7（兼容模式）下出现“找不到成员”的脚本错误

转载请注明：摩登坊 » jQuery Validation插件onfocosout/onkeyup出错的解决方法