了解jQuery Validate.JS后不用再为正则验证头疼
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 }