$('#commentForm').validate({
rules: {
firstname: 'required',//required 表示是必填字段
lastname: {
required: true,
minlength: 3 // 最小长度是3
}
}
});从上面可以看出,如果一个信息只有一个验证要求可以写成一行,比如 firstname;如果有多个验证要写成像 lastname 这种形式;知道了基本的语法
在看看Validation都提供了那些校验规则
(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我们将上面的表单验证完善一下,如下
$(function(){
$('#commentForm').validate({
rules: {
firstname: {
required: true,
minlength: 5
},
lastname: "required",
username: {
required: true,
rangelength: [4,6] },
password: {
required: true,
minlength: 4,
number: true
},
confirm_password: {
required: true,
minlength: 3,
equalTo: '#password'
},
email: {
required: true,
email: true
},
}
});
});
效果:

可以看到,这里的提示默认是英文的不太满意,将提示信息更改成中文有两种方式
第一种方式:引入语言文件(推荐)
<script type="text/javascript" src="dist/localization/messages_zh.js"></script>他的提示信息是:
required: "这是必填字段",
remote: "请修正此字段",
email: "请输入有效的电子邮件地址",










