码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-14 20:07:16      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:提高   密码   conf   客户   date   并且   for   电子   required   

 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         }

 

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

标签:提高   密码   conf   客户   date   并且   for   电子   required   

原文地址:http://www.cnblogs.com/chw8/p/7010501.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!