文档章节

jQuery验证框架(六)内置验证方法 (jQuery validation)

 打杂
发布于 2010/11/16 11:17
字数 1579
阅读 10007
收藏 21

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>则强迫用户去选择一个不为空的值。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     fruit: "required"  
  4.   }  
  5. });  


[2]  required( dependency-expression )       返回:Boolean
      参数 dependency-expression     类型:String    在form上下文中的一个表达式( String ),表单元素是否需要填写依赖于该表达式返回一个或多个元素。
      说明:让表单元素必须填写(选择),依赖于参数的返回值。
                  表达式中像#foo:checked, #foo:filled, #foo:visible这样的选择过滤器将经常用到。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     details: {  
  4.       required: "#other:checked"  
  5.     }  
  6.   }, debug:true  
  7. });  
  8. $("#other").click(function() {  
  9.    $("#details").valid();  
  10. });  


[3]  required( dependency-callback )       返回:Boolean
      参数 dependency-callback     类型:Callback   该回函数以待验证表单元素作为其唯一的参数。当该回调函数返回true,则该表单元素是必须的。
      说明:让表单元素必须填写(选择),依赖于参数的返回值。
                  表达式中像#foo:checked, #foo:filled, #foo:visible这样的选择过滤器将经常用到。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     age: {  
  4.       required: true,  
  5.       min: 3  
  6.     },  
  7.     parent: {  
  8.       required: function(element) {  
  9.         return $("#age").val() < 13;  
  10.       }  
  11.     }  
  12.   }  
  13. });  
  14. $("#age").blur(function() {  
  15.     $("#parent").valid();  
  16. });  


[4]  remote( options )       返回:Boolean
      参数 options      类型:String, Options    请求服务器端资源的url(String)。或$.ajax()方法中的选项(Options)。
      说明:请求服务器端资源验证。
                  服务器端的资源通过$.ajax (XMLHttpRequest)获取key/value对,响应返回true则表单通过验证。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     email: {  
  4.       required: true,  
  5.       email: true,  
  6.       remote: "check-email.php"  
  7.     }  
  8.   }  
  9. });  


[5]  minlength( length )       返回:Boolean
      参数 length      类型:Integer    至少需要多少个字符数。
      说明:确保表单元素满足给定的最小字符数。
                  在文本框(text input)中输入的字符太少、没有选中足够的复选框(checkbox)、一个选择框(select)中没有选中足够的选项。这以上三种情况中该方法返回false。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       minlength: 3  
  6.     }  
  7.   }  
  8. });  


[6]  maxlength( length )       返回:Boolean
      参数 length      类型:Integer    允许输入的最大字符数。
      说明:确保表单元素的文本不超过给定的最大字符数。
                  在文本框(text input)中输入的字符太多、选择太多的复选框(checkbox)、一个选择框(select)中没有选中太多的选项。这以上三种情况中该方法返回false。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       maxlength: 4  
  6.     }  
  7.   }  
  8. });  


[7]  rangelength( range )       返回:Boolean
      参数 range      类型:Array<Integer>    允许输入的字符数范围。
      说明:确保表单元素的文本字符数在给定的范围当中。
                  在文本框(text input)中输入的字符数不在给定范围内、选择的复选框(checkbox)不在给在的范围内、一个选择框(select)选中的选项不在给定的范围内。这以上三种情况中该方法返回false。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       rangelength: [2, 6]  
  6.     }  
  7.   }  
  8. });  


[8]  min( value )       返回:Boolean
      参数 value      类型:Integer    需要输入的最小整数。
      说明:确保表单元素的值大于等于给定的最小整数。
                  该方法只在文本输入框(text input)下有效。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       min: 13  
  6.     }  
  7.   }  
  8. });  


[9]  max( value )       返回:Boolean
      参数 value      类型:Integer    给定的最大整数。
      说明:确保表单元素的值小于等于给定的最大整数。
                  该方法只在文本输入框(text input)下有效。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       max: 23  
  6.     }  
  7.   }  
  8. });  


[10]  range( range )       返回:Boolean
      参数 range     类型:Array<Integer>    给定的整数范围。
      说明:确保表单元素的值在给定的范围当中。
                  该方法只在文本输入框(text input)下有效。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       range: [13, 23]  
  6.     }  
  7.   }  
  8. });  


[11]  email( )       返回:Boolean
      说明:确保表单元素的值为一个有效的email地址。
                  如果值为一个有效的email地址,则返回true。该方法只在文本输入框(text input)下有效。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       email: true  
  6.     }  
  7.   }  
  8. });  


[12]  url( )       返回:Boolean
      说明:确保表单元素的值为一个有效的URL地址(http://www.mydomain.com)。
                  如果值为一个有效的url地址,则返回true。该方法只在文本输入框(text input)下有效。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       url: true  
  6.     }  
  7.   }  
  8. });  


[13]  date( )  dateISO( )  dateDE( )      返回:Boolean
      说明:用来验证有效的日期。这三个函数分别验证的日期格式为(mm/dd/yyyy)、(yyyy-mm-dd,yyyy/mm/dd)、(mm.dd.yyyy)。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       date: true  
  6.       /*dateISO: true 
  7.         dateDE: true*/  
  8.     }  
  9.   }  
  10. });  


[14]  number( )  numberDE()      返回:Boolean
      说明:用来验证小数。number()的小数点为圆点( . ),numberDE()的小数点为英文逗号( , )。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       number: true  
  6.       //numberDE: true  
  7.     }  
  8.   }  
  9. });  


[15]  digits()      返回:Boolean
      说明:确保文本框中的值为数字。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       digits: true  
  6.     }  
  7.   }  
  8. });  


[16]  digits()      返回:Boolean
      说明:确保文本框中的值为数字。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       digits: true  
  6.     }  
  7.   }  
  8. });  


[17]  accept( [extension] )       返回:Boolean
      参数 extension(Optional)     类型:String    允许的文件后缀名,用"|"或","分割。默认为"png|jpe?g|gif"
      说明:确保表单元素接收给定的文件后缀名的文件。如果没有指定参数,则只有图片是允许的(png,jpeg,gif)。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     field: {  
  4.       required: true,  
  5.       accept: "xls|csv"  
  6.     }  
  7.   }  
  8. });  


[18]  equalTo( other )       返回:Boolean
      参数 other      类型:Selector    要与当前值比较的另一个表单元素。
      说明:确保两个表单元素的值是一致的。

Js代码
  1. $("#myform").validate({  
  2.   rules: {  
  3.     password: "required",  
  4.     password_again: {  
  5.       equalTo: "#password"  
  6.     }  
  7.   }  
  8. }); 

© 著作权归作者所有

共有 人打赏支持
粉丝 18
博文 8
码字总数 9204
作品 0
石景山
私信 提问
加载中

评论(1)

程序员乙
程序员乙
[3] required( dependency-callback ) 这个下面的说明是抄的上一个的。
自定义jQuery插件Step by Step

自定义jQuery插件Step by Step 1.1.1 摘要 随着前端和后端技术的分离,各大互联网公司对于Mobile First理念都是趋之若鹜的,为了解决网页在不同移动设备上的显示效果,其中一个解决方案就是R...

wolf_su
2013/07/04
0
0
jQuery-validation 轻量级表单验证插件发布

jQuery-validation ,jquery 的表单验证插件主要特性: 可扩展验证规则 内置多种验证规则 可根据实际需求扩展 函数式验证规则,减少复杂验证使用正则表达式的尴尬. 支持正则验证 简单验证规则的...

Kerbores
2016/09/14
0
0
表单验证:nice Validator 与 jQuery Validation 对比

提要 最近,有人提到jQuery Validation Plugin,甚至有人怀疑 nice Validator 和 这个插件系同一个作者。我好想说,你太有想象力了-。-!jQuery Validation全程的鹰文,nice Validator 全程的...

JonyZhang
2013/08/02
0
7
12 个 jQuery 的表单验证教程和插件

jQuery Form Validation 使用jQuery进行快速简单的表单验证教程 Advanced jQuery form validation jQuery plugin: Validation A jQuery inline form validation Adding Form Validation to ......

红薯
2011/11/21
4K
3
10 款高质量的 jQuery 表单验证插件

本文整理了几款高质量的jQuery表单验证插件,可以节约web开发者的时间。希望对你有帮助! 列表如下: 1) A Jquery Inline Form Validation 2) Form Validation Using Jquery 3) Using Jquery...

小卒过河
2011/06/28
109.7K
18

没有更多内容

加载失败,请刷新页面

加载更多

Alpakka Kafka,反应式Kafka客户端

Alpakka Kafka 是一个要用于 Java 和 Scala 语言的开源的流感知和反应式集成数据线项目。它建立在 Akka Stream之上,提供了 DSL 来支持反应式和流式编程,内置回压功能。Akka Streams 是 Re...

羊八井
27分钟前
3
0
PHP7源码编译安装详解

$ yum groupinstall "development tools"$ yum install -y gcc gcc-c++ autoconf libjpeg libjpeg-devel libpng libpng-devel freetype \freetype-devel libpng libpng-devel libxml2 ......

问题终结者
31分钟前
3
0
Django学习笔记-从创建虚拟环境到启用服务

1 前置条件 windows系统下,目前已经完成anaconda3或miniconda3的安装,这也意味着已经完成了python3的安装。 2 创建虚拟环境 1、通过Anaconda Prompt,使用conda命令创建虚拟环境(base) e...

davidwbnu
昨天
3
0
python学习04:函数的定义及基本使用

python可以像c++一样,可以直接定义函数。具体格式如下: def(关键字) 函数名(形参01,形参02...): do_something... #如果有返回值,则调用以下语句 return 返回值...

太空堡垒
昨天
2
0
深夜杂想

今天周六,从上午9点钟一直码代码到下午5点钟。然后下午又睡了很久。吃过晚饭后来本想晚上再写点代码,不知道为啥,没有任何状态,一直发呆到现在。想起自己计划在元旦节(或者春节)写点自己...

元谷
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部