一,默认验证方法
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>
页面展示: