在使用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(兼容模式)下出现“找不到成员”的脚本错误
原文http://www.steveluo.name/jquery-validation-onfocusout-onkeyup-error/
分享到:
相关推荐
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
JQuery Validation是一款很好用的表单验证插件,可以帮助你更方便更灵活的完成表单的验证!内容包含源码和常用的使用方法
包含 jquery validation插件,以及演示的demo
jquery-validation是基于jQuery的一款表单验证的插件,独特的验证样式非常新颖
让jquery validation plugin 支持zepto
jquery validation的使用,本文使用的是validation 1.10,jquery1.8 1、默认校验 2、使用方式(meta、validate) 3、自定义校验的使用 4、错误消息自定义
java.lang.NoClassDefFoundError: javax/validation/valueextraction/ValueExtractorDeclarationException 今天部署环境遇到这个问题,查了好长时间终于解决了; 问题原因: 由于jar包hibernate-validator、...
Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。
JQuery validation plugin学习资料
表单验证JQ插件jquery-validation.js
jquery formValidation是个强大的jquery插件,使用简单,自定义提示层,弹出警告框,能验证常用的表单输入框。
jquery.validate是一个基于jquery的非常优秀的验证框架,我们可以通过它迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,而且对国际化也有非常好的支持。
(二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 (五)验证器 (jQuery validation) 8 (六)内置验证方法 (jQuery validation) 10 (七)注意...
jQuery Validation 参考手册
jQuery 验证插件 jquery-validation-1.11.1
jQuery validation 1.6.zip 包括全部类库和一些demo。
简述jQuery验证插件validation的功能和使用
jQuery Validation Plug最新版。解决jQuery1.6不能工作的问题在IE 6,7,8,9
jquery-validation-1.9.0是一款优秀的form表单验证插件,此资源主要为某篇博客服务,如有需要还请下载。整个压缩包无法上传,有需要请留言
jQuery-validation插件.zip