`
pxx199248
  • 浏览: 17999 次
  • 性别: Icon_minigender_1
  • 来自: 衡阳
社区版块
存档分类
最新评论

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

阅读更多

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

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

查阅了很多博客、问答,大部分的内容都只说了默认值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出错的解决方法

分享到:
评论

相关推荐

    jQuery Validation Plugin1.19.5(jQuery验证插件最新)

    jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...

    jQuery常用插件介绍/收集

    HoverIntent用于解决鼠标悬停事件的延迟触发问题,通常与jQuery的.show()、.hide()等方法结合使用,提高用户体验,避免因鼠标快速移动导致的闪烁现象。 以上只是jQuery众多插件中的一部分,每个插件都有其独特的...

    jQuery Validation插件

    1. 下载插件文件:从官方网站或者其他可信源下载jQuery Validation插件的压缩包,通常包括`jquery.validate.js`(主文件)和可能的本地化文件(如`additional-methods.js`,用于支持更多验证方法)。 2. 引入文件:...

    jquery-validation插件

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script> <!-- 如果需要额外的验证方法 --> <script src="https://cdn.jsdelivr.net/npm/jquery-validation@...

    JQuery Validation插件的使用

    JQuery Validation插件的官方主页位于http://bassistance.de/jquery-plugins/jquery-plugin-validation/,在这里可以找到插件的下载链接和详细的文档说明。文档地址http://docs.jquery.com/Plugins/Validation提供了...

    jQuery Validation表单验证插件实例打包.rar

    jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...

    jQuery Validation Engine ( jQuery 表单验证插件)

    jQuery Validation Engine是一款强大的JavaScript库,专门用于实现网页表单的验证功能。它是基于流行的JavaScript库jQuery构建的,为开发者提供了一种优雅的方式来处理用户输入的数据验证。这个插件以其高度可定制性...

    jquery validation插件

    在本篇中,我们将深入探讨jQuery Validation插件的核心功能、使用方法及其在实际项目中的应用。 **1. 插件安装与引入** 在项目中使用jQuery Validation插件,首先需要下载并引入相关文件。在提供的压缩包中,包含...

    jquery-validation-1.9.0

    本文将详细介绍jQuery Validation插件,特别是1.9.0版本中的特性和使用方法。 首先,jQuery Validation插件是基于jQuery库的一个扩展,它提供了一套完整的验证规则和错误提示机制,能够灵活地对表单进行验证。该...

    jQuery Validation 使用记录

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script> ``` 接着,我们来配置验证规则。jQuery Validation允许开发者通过data属性或JavaScript对象来定义...

    jquery validation 支持zepto第二版

    在IT行业中,前端开发是至关重要的一个领域,而jQuery Validation插件则是JavaScript中用于表单验证的常用工具,它提供了一套完整的解决方案来确保用户输入的数据满足预设的规则。Zepto.js则是一个轻量级的...

    jQuery Validation 1.19.1表单验证 2020年 最新完整版 官方网站下载

    jQuery Validation Plugin v1.19.1 表单验证插件 2020年官方最新版。包含中文语言包messages_zh.js及jquery.validate.js,在dist目录中。

    jquery-validation-1.11.1.zip

    《jQuery验证插件详解——基于jquery-validation-1.11.1.zip的探索》 jQuery作为一款广泛使用的JavaScript库,极大地简化了DOM操作,事件处理和动画制作等任务。而`jquery-validation`则是jQuery生态中的一款强大...

    jquery-validation-1.13.0

    <script src="path/to/jquery.validate.js"></script> $(document).ready(function() { $("#myForm").validate(); }); </script> ``` **2. 验证规则** 该插件提供了多种内置验证规则,如`required`(必填)、`...

    JQuery validation plugin学习资料

    <script src="path/to/jquery.validate.min.js"></script> ``` ### 二、基本用法 1. **初始化验证** 验证插件通过调用`.validate()`方法对表单进行初始化。例如: ```javascript $("#myForm").validate(); ``...

    jquery validation

    《jQuery Validation插件详解与应用实践》 在Web开发领域,表单验证是不可或缺的一环,而jQuery Validation插件正是为了简化这一过程而诞生的。本文将深入探讨jQuery Validation插件的基本概念、功能特性以及实际...

    jquery validation的Demo

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.x.y/dist/jquery.validate.min.js"></script> ``` 确保jQuery在Validation插件之前加载。 ## 2. 基本用法 jQuery Validation插件的使用通常涉及到...

    jquery Validation 的应用

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script> ``` 一旦库被引入,我们就可以开始设置表单验证了。jQuery Validation的核心功能之一是自动绑定,只...

    jQuery validation——Jquery表单验证插件

    <script src="path/to/jquery.validate.min.js"></script> ``` 接着,你可以为需要验证的表单添加一个ID,并在JavaScript中指定验证规则。例如,对于一个简单的用户名和密码输入,我们可以这样做: ```javascript ...

    jQuery插件之validation插件

    最常使用javascript的场合就是表单的验证,而jQuery作为一个优秀的javascript库,也提供了一个优秀的表单验证插件——Validation。Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到...

Global site tag (gtag.js) - Google Analytics