jQuery Validate 是功能丰富的正则验证插件,为客户端提供了强大的验证功能,同时提供了大量的正则选项,满足应用程序各种需求。该插件捆绑了一整套有用的验证方法,同时包括URL验证和电子邮件验证,为客户端带来更加便捷的用户体验。
通过实例来说明一下,更易于理解。
1 //定义验证规则
2 rules:{
3 userName: {required: true,rangelength:[2,10]}, //true表示必填 最少2个最多10个限制字符
4 email: { required: true, email: true },
5 password: { required: true, minlength: 6 }, //最小6个字符
6 confirm_password: {
7 required: true,
8 minlength: 5,
9 equalTo: "#password" },//判断密码是否一致
10 age:{required: true,range:[15,40]}//最小15最大40内数值
11 }
定义完正则规则并且提示信息,提高用户体验。
1 //自定义提示消息
2 messages:{
3 userName: {
4 required: "请输入用户名",
5 rangelength: "用户名的长度在2和10之间" },
6 email: {
7 required: "请输入Email地址",
8 email: "请输入正确的email地址" },
9 password: {
10 required: "请输入密码",
11 minlength: jQuery.format("密码不能小于{0}个字符") },
12 confirm_password: {
13 required: "请输入确认密码",
14 minlength: "确认密码不能小于6个字符",
15 equalTo: "两次输入密码不一致" },
16 age:{
17 required: "请输入年龄",
18 range:"年龄在15岁和40岁之间"
19 }
20 }