- 浏览: 51807 次
- 性别:
- 来自: 大连
最近访客 更多访客>>
最新评论
-
lovefly_zero:
很感谢你的文章 不过调整一下排版吧 冗余code太多了。
jQuery验证框架(六)内置验证方法 (jQuery validation) -
tomorrow009:
受交了~
RoR的部署方案选择
jQuery验证框架
六、框架内建的验证方法( List of built-in Validation methods )
[1] required( ) 返回:Boolean
说明:让表单元素必须填写(选择)。
如果表单元素为空(text input)或未选择(radio/checkbox)或选择了一个空值(select)。
作用于text inputs, selects, checkboxes and radio buttons.
当select提供了一个空值选项<option value="">Choose...</option>则强迫用户去选择一个不为空的值。
$("#myform").validate({ rules: { fruit: "required" } });
[2] required( dependency-expression ) 返回:Boolean
参数 dependency-expression 类型:String 在form上下文中的一个表达式( String ),表单元素是否需要填写依赖于该表达式返回一个或多个元素。
说明:让表单元素必须填写(选择),依赖于参数的返回值。
表达式中像#foo:checked, #foo:filled, #foo:visible这样的选择过滤器将经常用到。
- $("#myform").validate({
- rules: {
- details: {
- required: "#other:checked"
- }
- }, debug:true
- });
- $("#other").click(function() {
- $("#details").valid();
- });
$("#myform").validate({ rules: { details: { required: "#other:checked" } }, debug:true }); $("#other").click(function() { $("#details").valid(); });
[3] required( dependency-callback ) 返回:Boolean
参数 dependency-callback 类型:Callback 该回函数以待验证表单元素作为其唯一的参数。当该回调函数返回true,则该表单元素是必须的。
说明:让表单元素必须填写(选择),依赖于参数的返回值。
表达式中像#foo:checked, #foo:filled, #foo:visible这样的选择过滤器将经常用到。
- $("#myform").validate({
- rules: {
- age: {
- required: true,
- min: 3
- },
- parent: {
- required: function(element) {
- return $("#age").val() < 13;
- }
- }
- }
- });
- $("#age").blur(function() {
- $("#parent").valid();
- });
$("#myform").validate({ rules: { age: { required: true, min: 3 }, parent: { required: function(element) { return $("#age").val() < 13; } } } }); $("#age").blur(function() { $("#parent").valid(); });
[4] remote( options ) 返回:Boolean
参数 options 类型:String, Options 请求服务器端资源的url(String)。或$.ajax()方法中的选项(Options)。
说明:请求服务器端资源验证。
服务器端的资源通过$.ajax (XMLHttpRequest)获取key/value对,响应返回true则表单通过验证。
- $("#myform").validate({
- rules: {
- email: {
- required: true,
- email: true,
- remote: "check-email.php"
- }
- }
- });
$("#myform").validate({ rules: { email: { required: true, email: true, remote: "check-email.php" } } });
[5] minlength( length ) 返回:Boolean
参数 length 类型:Integer 至少需要多少个字符数。
说明:确保表单元素满足给定的最小字符数。
在文本框(text input)中输入的字符太少、没有选中足够的复选框(checkbox)、一个选择框(select)中没有选中足够的选项。这以上三种情况中该方法返回false。
$("#myform").validate({ rules: { field: { required: true, minlength: 3 } } });
[6] maxlength( length ) 返回:Boolean
参数 length 类型:Integer 允许输入的最大字符数。
说明:确保表单元素的文本不超过给定的最大字符数。
在文本框(text input)中输入的字符太多、选择太多的复选框(checkbox)、一个选择框(select)中没有选中太多的选项。这以上三种情况中该方法返回false。
$("#myform").validate({ rules: { field: { required: true, maxlength: 4 } } });
[7] rangelength( range ) 返回:Boolean
参数 range 类型:Array<Integer> 允许输入的字符数范围。
说明:确保表单元素的文本字符数在给定的范围当中。
在文本框(text input)中输入的字符数不在给定范围内、选择的复选框(checkbox)不在给在的范围内、一个选择框(select)选中的选项不在给定的范围内。这以上三种情况中该方法返回false。
$("#myform").validate({ rules: { field: { required: true, rangelength: [2, 6] } } });
[8] min( value ) 返回:Boolean
参数 value 类型:Integer 需要输入的最小整数。
说明:确保表单元素的值大于等于给定的最小整数。
该方法只在文本输入框(text input)下有效。
$("#myform").validate({ rules: { field: { required: true, min: 13 } } });
[9] max( value ) 返回:Boolean
参数 value 类型:Integer 给定的最大整数。
说明:确保表单元素的值小于等于给定的最大整数。
该方法只在文本输入框(text input)下有效。
$("#myform").validate({ rules: { field: { required: true, max: 23 } } });
[10] range( range ) 返回:Boolean
参数 range 类型:Array<Integer> 给定的整数范围。
说明:确保表单元素的值在给定的范围当中。
该方法只在文本输入框(text input)下有效。
$("#myform").validate({ rules: { field: { required: true, range: [13, 23] } } });
[11] email( ) 返回:Boolean
说明:确保表单元素的值为一个有效的email地址。
如果值为一个有效的email地址,则返回true。该方法只在文本输入框(text input)下有效。
$("#myform").validate({ rules: { field: { required: true, email: true } } });
[12] url( ) 返回:Boolean
说明:确保表单元素的值为一个有效的URL地址(http://www.mydomain.com)。
如果值为一个有效的url地址,则返回true。该方法只在文本输入框(text input)下有效。
$("#myform").validate({ rules: { field: { required: true, url: true } } });
[13] date( ) dateISO( ) dateDE( ) 返回:Boolean
说明:用来验证有效的日期。这三个函数分别验证的日期格式为(mm/dd/yyyy)、(yyyy-mm-dd,yyyy/mm/dd)、(mm.dd.yyyy)。
- $("#myform").validate({
- rules: {
- field: {
- required: true,
- date: true
- /*dateISO: true
- dateDE: true*/
- }
- }
- });
$("#myform").validate({ rules: { field: { required: true, date: true /*dateISO: true dateDE: true*/ } } });
[14] number( ) numberDE() 返回:Boolean
说明:用来验证小数。number()的小数点为圆点( . ),numberDE()的小数点为英文逗号( , )。
- $("#myform").validate({
- rules: {
- field: {
- required: true,
- number: true
- //numberDE: true
- }
- }
- });
$("#myform").validate({ rules: { field: { required: true, number: true //numberDE: true } } });
[15] digits() 返回:Boolean
说明:确保文本框中的值为数字。
$("#myform").validate({ rules: { field: { required: true, digits: true } } });
[16] digits() 返回:Boolean
说明:确保文本框中的值为数字。
$("#myform").validate({ rules: { field: { required: true, digits: true } } });
[17] accept( [extension] ) 返回:Boolean
参数 extension(Optional) 类型:String 允许的文件后缀名,用"|"或","分割。默认为"png|jpe?g|gif"
说明:确保表单元素接收给定的文件后缀名的文件。如果没有指定参数,则只有图片是允许的(png,jpeg,gif)。
$("#myform").validate({ rules: { field: { required: true, accept: "xls|csv" } } });
[18] equalTo( other ) 返回:Boolean
参数 other 类型:Selector 要与当前值比较的另一个表单元素。
说明:确保两个表单元素的值是一致的。
- $("#myform").validate({
- rules: {
- password: "required",
- password_again: {
- equalTo: "#password"
- }
- }
- });
$("#myform").validate({ rules: { password: "required", password_again: { equalTo: "#password" } } });
原文请见:http://docs.jquery.com/Plugins/Validation
---------------------------------------------------------------------------------------------------------------------------------------------------------
发表评论
-
jQuery验证框架(八)应用实例 (jQuery validation)
2010-05-17 16:28 1332jQuery验证框架 八、应用实例 [1] 验证页面 ... -
jQuery验证框架(七)注意事项 (jQuery validation)
2010-05-17 16:27 1246jQuery验证框架 七、注意事项 [1]复杂的name属性值 ... -
jQuery验证框架(五)验证器 (jQuery validation)
2010-05-17 16:25 1431jQuery验证框架 五、验证器( Validator ) ... -
jQuery验证框架(三、四)选择器及实用工具 (jQuery validation)
2010-05-17 16:24 748jQuery验证框架 三、定制的选择器(Custom Sele ... -
jQuery验证框架(二)插件方法 (jQuery validation)
2010-05-17 16:24 1174jQuery验证框架 二、插件方法( Plugin metho ... -
jQuery验证框架(一) 可选项 (jQuery validation)
2010-05-17 16:23 1464jQuery验证框架 Html代码 & ... -
Jquery属性(一) -- Attr
2010-05-17 16:22 995属性 [1] attr( name ) Retur ... -
Jquery选择器(九) -- Form Filters
2010-05-17 16:22 859表单过滤器 [1] :enabled Return ... -
Jquery选择器(八) -- Forms
2010-05-17 16:21 725表单选择器 [1] :input Returns: ... -
Jquery选择器(七) -- Child Filters
2010-05-17 16:20 940子节点过滤器 [1] :nth-child(index/ev ... -
Jquery选择器(六) -- Attribute Filters
2010-05-17 16:20 944属性过滤器 注意:在jQuery1.3中,[@attr] 形式 ... -
Jquery选择器(五) -- Visibility Filters
2010-05-17 16:19 897可见性过滤器 [1] :hidden Return ... -
Jquery选择器(四) -- Content Filters
2010-05-17 16:19 715内容过滤器 [1] :contains(text) ... -
Jquery选择器(三) -- Basic Filters
2010-05-17 16:18 897基本过滤选择器 [1] :fi ... -
Jquery选择器(二)--Hierarchy
2010-05-17 16:17 816层级选择器 [1] ancestor descendant ... -
Jquery选择器(一) -- Basics
2010-05-17 16:17 677基本选择器 [1] #id Returns: Ar ... -
Jquery核心(三) Data
2010-05-17 16:16 771jQuery数据 [1] data( name ) ... -
Jquery核心(二) $(...) jQuery Object Accessors
2010-05-17 16:15 957jQuery对象访问器 [1] each( callback ... -
Jquery核心(一) $(...) The jQuery Function
2010-05-17 16:14 924jQuery核心 [1] jQuery( expression ...
相关推荐
jquery.validate Validation .js...(六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用实例 (jQuery validation) 17 出处地址:http://koalaxyq.javaeye.com/blog/556633
jquery.validate Validation .js...(六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用实例 (jQuery validation) 17 出处地址:http://koalaxyq.javaeye.com/blog/556633
jQueryvalidation验证框架.pdf
jquery.validate_ValidationjQuery表单验证框架
简述jQuery验证插件validation的功能和使用
我在 jquery-validation-1.9.0版本的基础上增加了可以验证正则表达式的功能,由于我在使用当中发现其的邮箱验证不能很好的验证,输入中文后只要在后面加个@符号,他就通过,比如 【时代的@ff.cc】 这样也能通过 ...
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。
jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...
jquery的验证框架,validation 最新版
jQuery+Validation表单验证
jQuery验证控件 Validation Plugin - v1.14.0汉化及附带案例
框架验证validation 框架验证validation
struts验证框架-validation的验证框架
Quick Validation 是一个 jQuery 的表单验证框架。你可以定制错误信息: errorRequired errorMaxlengtn errorMinlength errorNumber errorInteger errorRange errorEmail errorPhone errorExpression ...
jQuery 验证插件 jquery-validation-1.11.1
最新最流行的jquery验证框架
表单验证JQ插件jquery-validation.js
让jquery validation plugin 支持zepto