了解jQuery Validate.JS後不用再為正則驗證頭疼
阿新 • • 發佈:2017-06-14
url 理解 程序 valid 客戶 pre 提高 -s log
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後不用再為正則驗證頭疼