- 浏览: 89947 次
- 性别:
- 来自: 福州
文章分类
最新评论
-
liwenhui_aisino:
这个ajax,ok
jQuery验证框架(八)应用实例 (jQuery validation) -
jun19910822:
你好 请问能把这些 Jquery相关插件提供出来吗?
jQuery验证框架(八)应用实例 (jQuery validation) -
xiaobadi:
good~
jQuery验证框架(七)注意事项 (jQuery validation)
jQuery验证框架
五、验证器( Validator )
validate方法返回的验证器对象( Validator Object) 有一些公用的方法。你可以用来触发验证程序或改变表单(form)的内容。验证器对象有更多的方法,不过只有文档中给出的这些方法是专为使用而设计的。
(一)验证器方法(Validator methods)
[1] form() 返回:Boolean
说明:验证表单是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的提交事件(submit event)触发,它返回一个结果。
[2] element( element ) 返回:Boolean
参数 element 类型:Selector 验证表单中的一个需要验证的表单元素。
说明:验证单个表单元素是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的焦点离开事件(blur)或按键弹起(keyup)时触发,它返回一个结果。
[3] resetForm( ) 返回:undefined
说明:重置表单。
恢复表单元素到原来的值(需要form插件支持),移除无效验证的样式并隐藏错误消息。
(...貌似只有在IE下才可以移除样式)
[4] showErrors( errors ) 返回:undefined
参数 errors 类型:Object<String, String> 一个或多个表单元素的name属性和验证消息组成的键/值对。
说明:显示指定的验证消息。
在指定的errorPlacement中显示验证消息。键为待验证表单元素的name属性,值为相应的验证消息。
[5] numberOfInvalids( ) 返回:Integer
说明:返回未通过验证的表单元素的个数。
这个方法依赖于内部的验证器情况。只有在验证完所有表单元素时才统计所有待验证的表单元素(submit事件或通过$("form").valid())。当只验证单个表单元素,则只有统计该表单元素。与invalidHandler选项联合使用的时候非常有用。
(二)验证器函数(Validator functions)
[1] setDefaults( defaults ) 返回:undefined
参数 defaults 类型:Options 要设置成默认值的选项。
说明:修改验证框架的默认设置。
接受validate方法中的所有选项。
[2] addMethod( name, method, [message] ) 返回:undefined
参数 name 类型:String 要添加的方法名,用于标识和引用,必须是一个有效的javascript标识符。
参数 method 类型:Callback 方法的实现部分,返回true如果表单元素通过验证。
参数 message(Optional) 类型:String, Function 该方法的默认验证消息。可以用 jQuery.validator.format(value) 方法创建。如果未定义该参数,则使用本地已存在的验证消息,另外,必须为指定的表单元素定义验证消息。
说明:添加一个用户自定义的验证方法。它由方法名(必须是一个合法的javascript标识符)、基于javascript的函数及默认的验证消息组成。
[3] addClassRules( name, rules ) 返回:undefined
参数 name 类型:String 要添加的样式规则名。
参数 rules 类型:Options 规则选项。
说明:添加一个复合的样式验证方法。对于将多个联合使用的规则重构进单个样式中非常有用。
[4] addClassRules( rules ) 返回:undefined
参数 rules 类型:Options 样式类名-规则表。
说明:添加一个复合的样式验证方法。对于重构通用的联合规则非常有用。
原文请见:http://docs.jquery.com/Plugins/Validation
------------------------------------------------------------------------------------------------------------------------------------------------------
五、验证器( Validator )
validate方法返回的验证器对象( Validator Object) 有一些公用的方法。你可以用来触发验证程序或改变表单(form)的内容。验证器对象有更多的方法,不过只有文档中给出的这些方法是专为使用而设计的。
(一)验证器方法(Validator methods)
[1] form() 返回:Boolean
说明:验证表单是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的提交事件(submit event)触发,它返回一个结果。
$("#myform").validate().form();
[2] element( element ) 返回:Boolean
参数 element 类型:Selector 验证表单中的一个需要验证的表单元素。
说明:验证单个表单元素是否通过验证,若通过验证则返回true,反之返回false。这个方法在正常的焦点离开事件(blur)或按键弹起(keyup)时触发,它返回一个结果。
$("#myform").validate().element( "#myselect" );
[3] resetForm( ) 返回:undefined
说明:重置表单。
恢复表单元素到原来的值(需要form插件支持),移除无效验证的样式并隐藏错误消息。
(...貌似只有在IE下才可以移除样式)
var validator = $("#myform").validate(); validator.resetForm();
[4] showErrors( errors ) 返回:undefined
参数 errors 类型:Object<String, String> 一个或多个表单元素的name属性和验证消息组成的键/值对。
说明:显示指定的验证消息。
在指定的errorPlacement中显示验证消息。键为待验证表单元素的name属性,值为相应的验证消息。
var validator = $("#myform").validate(); validator.showErrors({"firstname": "I know that your firstname is Pete, Pete!"});
[5] numberOfInvalids( ) 返回:Integer
说明:返回未通过验证的表单元素的个数。
这个方法依赖于内部的验证器情况。只有在验证完所有表单元素时才统计所有待验证的表单元素(submit事件或通过$("form").valid())。当只验证单个表单元素,则只有统计该表单元素。与invalidHandler选项联合使用的时候非常有用。
var validator = $("#myform").validate({ invalidHandler: function() { $("#summary").text(validator.numberOfInvalids() +"field(s) areinvalid"); } });
(二)验证器函数(Validator functions)
[1] setDefaults( defaults ) 返回:undefined
参数 defaults 类型:Options 要设置成默认值的选项。
说明:修改验证框架的默认设置。
接受validate方法中的所有选项。
jQuery.validator.setDefaults({ debug: true });
[2] addMethod( name, method, [message] ) 返回:undefined
参数 name 类型:String 要添加的方法名,用于标识和引用,必须是一个有效的javascript标识符。
参数 method 类型:Callback 方法的实现部分,返回true如果表单元素通过验证。
参数 message(Optional) 类型:String, Function 该方法的默认验证消息。可以用 jQuery.validator.format(value) 方法创建。如果未定义该参数,则使用本地已存在的验证消息,另外,必须为指定的表单元素定义验证消息。
说明:添加一个用户自定义的验证方法。它由方法名(必须是一个合法的javascript标识符)、基于javascript的函数及默认的验证消息组成。
jQuery.validator.addMethod("math", function(value, element, params) { return this.optional(element) || value == params[0] + params[1]; }, jQuery.format("Please enter the correct value for {0} + {1}"));
[3] addClassRules( name, rules ) 返回:undefined
参数 name 类型:String 要添加的样式规则名。
参数 rules 类型:Options 规则选项。
说明:添加一个复合的样式验证方法。对于将多个联合使用的规则重构进单个样式中非常有用。
jQuery.validator.addClassRules("name", { required: true, minlength: 2 });
[4] addClassRules( rules ) 返回:undefined
参数 rules 类型:Options 样式类名-规则表。
说明:添加一个复合的样式验证方法。对于重构通用的联合规则非常有用。
jQuery.validator.addClassRules({ name: { required: true, minlength: 2 }, zip: { required: true, digits: true, minlength: 5, maxlength: 5 } });
原文请见:http://docs.jquery.com/Plugins/Validation
------------------------------------------------------------------------------------------------------------------------------------------------------
发表评论
-
jQuery验证框架(八)应用实例 (jQuery validation)
2009-12-29 15:44 9570jQuery验证框架 八、应用实例 [1] 验证页面 ... -
jQuery验证框架(七)注意事项 (jQuery validation)
2009-12-29 15:15 5310jQuery验证框架 七、注意事项 [1]复杂的name属 ... -
jQuery验证框架(六)内置验证方法 (jQuery validation)
2009-12-26 17:38 11618jQuery验证框架 六、框架内建的验证方法( List o ... -
jQuery验证框架(三、四)选择器及实用工具 (jQuery validation)
2009-12-26 15:17 4067jQuery验证框架 三、定 ... -
jQuery验证框架(二)插件方法 (jQuery validation)
2009-12-25 17:56 5934jQuery验证框架 二、插件方法( Plugin meth ... -
jQuery验证框架(一) 可选项 (jQuery validation)
2009-12-25 16:24 17608jQuery验证框架 <scrip ... -
Jquery属性(一) -- Attr
2009-12-14 15:29 1932属性 [1] attr( name ) Ret ... -
Jquery选择器(九) -- Form Filters
2009-12-14 15:04 1309表单过滤器 [1] :enabled Retu ... -
Jquery选择器(八) -- Forms
2009-12-14 14:42 2232表单选择器 [1] :input Return ... -
Jquery选择器(七) -- Child Filters
2009-12-14 14:17 2106子节点过滤器 [1] :nth-child(index/ ... -
Jquery选择器(六) -- Attribute Filters
2009-12-14 12:56 2638属性过滤器 注意:在jQuery1.3中,[@attr] 形 ... -
Jquery选择器(五) -- Visibility Filters
2009-12-14 11:01 3091可见性过滤器 [1] :hidden Retu ... -
Jquery选择器(四) -- Content Filters
2009-12-14 10:21 1560内容过滤器 [1] :contains(text) ... -
Jquery选择器(三) -- Basic Filters
2009-12-14 10:01 1705基本过滤选择器 [1] :first Retu ... -
Jquery选择器(二)--Hierarchy
2009-12-11 23:35 2065层级选择器 [1] ancestor descendan ... -
Jquery选择器(一) -- Basics
2009-12-11 18:06 1197基本选择器 [1] #id Returns: Ar ... -
Jquery核心(三) Data
2009-12-11 17:43 1517jQuery数据 [1] data( name ) ... -
Jquery核心(二) $(...) jQuery Object Accessors
2009-12-11 16:45 2339jQuery对象访问器 [1] each( callback ... -
Jquery核心(一) $(...) The jQuery Function
2009-12-11 15:04 1188jQuery核心 [1] jQuery( expre ...
相关推荐
标题中的“很不错的验证框架jquery”指的是jQuery Validation Plugin,这是一个非常流行且功能强大的JavaScript库,专门用于HTML表单验证。jQuery本身是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理和...
jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...
**二、jQuery验证框架的重要性** 前端验证不仅能够即时反馈用户输入错误,提高用户交互体验,还能减少服务器端的压力,避免无效请求。jQuery的验证框架提供了一套灵活、可定制的验证规则,使开发者可以快速构建表单...
jQuery Validation 是一个强大的客户端表单验证插件,用于在用户提交数据之前检查其输入的有效性。这个框架大大简化了在HTML表单中实现复杂验证逻辑的过程。以下是对jQuery Validation框架的一些关键知识点的详细...
### jQuery验证框架详解 #### 一、概述 jQuery Validation Plugin 是一个非常强大的验证插件,它可以帮助开发者轻松地实现客户端表单验证功能。此插件是基于jQuery开发的,因此可以充分利用jQuery的强大功能来简化...
编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....
验证器是jQuery验证框架的核心组件,它负责执行验证逻辑。开发者可以通过调用验证器的API来控制验证过程,如设置验证规则、定义验证消息等。 (六)内置验证方法 框架预设了多种验证方法,如`required`(必填)、`...
**jQuery验证框架详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能,成为了前端开发中的必备工具。其中,jQuery验证框架是用于实现表单验证的重要组成部分,它使得开发者能够轻松地为...
我在 jquery-validation-1.9.0版本的基础上增加了可以验证正则表达式的功能,由于我在使用当中发现其的邮箱验证不能很好的验证,输入中文后只要在后面加个@符号,他就通过,比如 【时代的@ff.cc】 这样也能通过 ...
**jQuery验证框架详解** jQuery Validation 是一款非常流行的前端验证插件,主要用于在用户提交表单前进行数据验证,确保输入信息的正确性和完整性。这款框架是基于jQuery库开发的,因此,它能够轻松地与jQuery无缝...
**jQuery验证框架jqBootstrapValidation详解** `jqBootstrapValidation`是一个基于jQuery的轻量级验证框架,专门设计用于增强Bootstrap框架中的表单验证功能。这个框架的主要目标是提供一种简便的方法来确保用户...
2. **初始化表单**:使用JavaScript或jQuery选择器找到表单元素,并调用`.formValidation()`方法进行初始化。 3. **配置验证规则**:在初始化时设置验证规则,指定哪些字段需要验证,以及它们应遵循的规则。 4. **...
### JQuery验证框架详解 #### 一、概述 JQuery验证框架是基于JQuery的一个轻量级插件,用于简化Web表单验证的过程。它提供了一系列的内置验证规则和自定义验证逻辑,使得开发者无需编写复杂的JavaScript代码即可...
《jQuery验证框架详解:以formValidator.1.7为例》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,从而避免数据错误和安全问题。jQuery作为一款强大的JavaScript库,提供了丰富的...
jQuery Validation插件是用于jQuery框架的强大的表单验证工具,它的出现极大地简化了这一过程。本文将详细介绍jQuery Validation插件,特别是1.9.0版本中的特性和使用方法。 首先,jQuery Validation插件是基于...
1. **与其他框架集成**:ValidationEngine可以很好地与Bootstrap、AngularJS等框架结合使用,只需调整CSS样式和验证触发时机。 2. **异步验证**:支持Ajax验证,例如验证用户名是否已存在,提高用户体验。 3. **国际...
jQuery Validation Plugin 是一个流行的JavaScript库,专门用于实现Web表单的数据验证。这个插件是基于jQuery框架设计的,因此,它能够轻松地与jQuery的其他功能集成,提供用户友好的交互体验。在版本1.13.0中,该...
jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...