用jquery实现表单验证,jquery验证码
JQuery验证框架(VI)内置验证方法(JQuery Validation)九个人收藏这篇文章,我也想收藏。一年前发布,目前已被阅读3047次,评论0。
不及物动词框架中内置验证方法的列表
[1]必需的()返回:布尔值
描述:使表单元素必须被填充(选中)。
如果表单元素为空(文本输入)或未选中(单选/复选框)或选择了空值(选择)。
工作于文本输入,选择,复选框和单选按钮。
当select提供了一个空值选项option value= Choose./选项,它强制用户选择一个非空值。
代码$ (# myform )。验证({ rules:{ fruit: required } });
[2]必需的(依赖关系表达式)返回:布尔值
参数依赖-表达式类型:String是form上下文中的表达式(字符串)。表单元素是否需要填充取决于返回一个或多个元素的表达式。
注意:根据参数的返回值,必须填充(选择)表单元素。
在表达式中经常使用选择过滤器,如# foo: checked、# foo: filled、# foo: visible。
代码$ (# myform )。validate({ rules:{ details:{必填: # other: checked}},debug:true });$(#other )。单击(function(){$(#details )。valid();});
[3]必需的(依赖关系回调)返回:布尔值
参数依赖-回调类型: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();});
[4]远程(选项)返回:布尔值
参数类型:String,Options请求服务器端资源的URL(String)。或美元期权。ajax()方法。
描述:请求服务器端资源验证。
服务器上的资源通过$获取键/值对。ajax (XMLHttpRequest),如果响应返回true,表单通过验证。
代码$ (# myform )。validate({ rules:{ email:{ required:true,email: true,remote: check-email . PHP });
[5] minlength( length)返回:布尔值
参数类型长度:整数所需的最小字符数。
注意:确保表单元素满足给定的最小字符数。
文本输入中的字符太少,复选框不够,选择框中的选项不够。在这三种情况下,该方法返回false。
代码$ (# myform )。验证({rules: {field: {required: true,minlength:3 } });
[6] maxlength( length)返回:布尔值
参数类型:整数允许的最大字符数。
注意:确保表单元素的文本不超过给定的最大字符数。
在文本输入中输入了太多字符,选中了太多复选框,并且选择框中有太多选项未选中。在这三种情况下,该方法返回false。
代码$ (# myform )。验证({rules: {field: {required: true,maxlength:4 } });
[7] rangelength( range)返回:布尔值
参数类型:数组整数允许的字符范围。
注意:请确保表单元素的文本字符数在给定的范围内。
在文本输入中输入的字符数不在给定范围内,选中的复选框不在给定范围内,并且在选择框中选择的选项不在给定范围内。在这三种情况下,该方法返回false。
代码$ (# myform )。validate({ rules:{ field:{ required:true,rangelength: [2,6]});
[8] min(值)返回:布尔值
参数类型:Integer:需要输入的最小整数。
注意:确保form元素的值大于或等于给定的最小整数。
此方法仅在文本输入框下有效。
代码$ (# myform )。验证({rules: {field: {required: true,min:13 } });
[9] max( value)返回:布尔值
参数类型:Integer给定的最大整数。
注意:确保表单元素的值小于或等于给定的最大整数。
此方法仅在文本输入框下有效。
代码$ (# myform )。验证({rules: {field: {required: true,max:23 } });
[10] range(范围)返回:布尔值
参数类型:数组integer给定的整数范围。
注意:确保表单元素的值在给定的范围内。
此方法仅在文本输入框下有效。
代码$ (# myform )。validate({ rules:{ field:{ required:true,range: [13,23]});
[11] email()返回:布尔值
注意:确保表单元素的值是有效的电子邮件地址。
如果该值是有效的电子邮件地址,则返回true。此方法仅在文本输入框下有效。
代码$ (# myform )。validate({ rules:{ field:{必填:true,email:true } });
[12] url()返回:布尔值
注意:确保表单元素的值是有效的URL地址(http://www.mydomain.com)。
如果值是有效的url地址,则返回true。此方法仅在文本输入框下有效。
代码$ (# myform )。验证({规则:{字段:{必填:true,URL:true } });
[13]date()datiso()dateDE()返回:布尔值
描述:用于验证有效日期。这三个函数验证的日期格式分别是(mm/dd/yyyy),(yyyy-mm-dd,yyyy/mm/dd)和(mm.dd.yyyy)。
Js代码$ (# myform )。validate({ rules:{ field:{ required:true,date:true/* date ISO:true data:true */});
[14] number() numberDE()返回:布尔值
描述:用于验证小数。数字()的小数点是一个点(。),numberDE()的小数点是英文逗号(,)。
代码$ (# myform )。验证({rules: {field: {required: true,number:true//numberde:true } });
[15] digits()返回:布尔值
注意:确保文本框中的值是一个数字。
代码$ (# myform )。验证({规则:{字段:{必填:true,位数:true } });
[16] digits()返回:布尔值
注意:确保文本框中的值是一个数字。
代码$ (# myform )。验证({规则:{字段:{必填:true,位数:true } });
[17] accept( [extension])返回:布尔值
参数extension(可选)type:字符串允许的文件扩展名,用“”或“,”分隔。默认是png jpe? ggif
注意:确保表单元素接收带有给定文件后缀的文件。如果没有指定参数,只允许图片(png,jpeg,gif)。
代码$ (# myform )。validate({ rules:{ field:{必填:true,accept: xls CSV } });
[18] equalTo( other)返回:布尔值
参数other type: Selector是另一个要与当前值进行比较的表单元素。
注意:确保两个表单元素的值一致。
代码$ (# myform )。validate ({rules: {password:必填,password _ again:{等于: # password } });
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。