了解jQuery Validate.JS后不用再为正则验证头疼

Posted 2020-09-22

 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         }