jQuery:validate验证方法

6 篇文章 0 订阅
6 篇文章 0 订阅

一,默认验证方法


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                      输入值不能大于5
17、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> 

页面展示:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值