1. 程式人生 > >了解jQuery Validate.JS後不用再為正則驗證頭疼

了解jQuery Validate.JS後不用再為正則驗證頭疼

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後不用再為正則驗證頭疼