jQuery:validate验证方法

来源:互联网 发布:淘宝苏泊尔电压力锅 编辑:程序博客网 时间:2024/06/06 02:46

一,默认验证方法

1、required:true               必输字段2、remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值3、email:true                  必须输入正确格式的电子邮件4、url:true                    必须输入正确格式的网址5、date:true                   必须输入正确格式的日期,日期校验ie6出错,慎用6、dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性7、number:true                 必须输入合法的数字(负数,小数)8、digits:true                 必须输入整数9、creditcard:true             必须输入合法的信用卡号10、equalTo:"#password"        输入值必须和#password相同11、accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)12、maxlength:5                输入长度最多是5的字符串(汉字算一个字符)13、minlength:10               输入长度最小是10的字符串(汉字算一个字符)14、rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)15、range:[5,10]               输入值必须介于 5 和 10 之间16、max:5                      输入值不能大于517、min:10                     输入值不能小于10

示例:

<tr><td width="12%" align="left">专区排序</td><td align="left"><input type="text" id="seq" name="seq" value="${item.seq}" title="不为空时必须为等于0或大于0的整数" class="{required:false,digits:true,min:0}"/></td><td align="left">选填,决定专区在大类下顺序</td></tr>

页面展示:


二,自定义验证方法

示例:

<tr><td width="12%"><span class="star">*</span>榜单名称 </td><td width="60%"><input type="text" id="name" size="30" name="name" value="${item.name}" title="榜单名称不能为空,在11个字以内。两个英文字母为1个字。" class="{required:true,byteRangeLength:[1,22]}" /></td><td>榜单名称, 最多11个字</td></tr><script>//限制字数功能为字节限制jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {   var length = value.length;   for(var i = 0; i < value.length; i++){       if(value.charCodeAt(i) > 127){          length++;       }   }   return this.optional(element) || ( length >= param[0] && length <= param[1] );   }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));</script> 

页面展示:



1 0
原创粉丝点击