jQuery的validate插件使用樣例

 1.效驗樣例

$("#userform").validate({
		    // 定義驗證規則    
		    rules: {  
		        loginName: {  
					required: true,
					minlength: 2,
					maxlength:20
				},  
		        nickName: {  
					required: true,
				},  
		        phone: { 
					required: true,
					isMobile:true
				}
		    } ,  
		    // 定義驗證信息   
		    messages:{ 
		        loginName: { 
					required:  "請輸入用戶名！",
					minlength: "用戶名最小限制2個字符！" ,
					maxlength: "用戶名最大限制20個字符！"
				},  
		        nickName: { 
					required: "請輸入暱稱！", 
				},  
		        phone: {  
		            required: "請輸入手機號！",  
		        }
		    },
			submitHandler:function(form){ 
                //如果效驗通過執行的方法，在這裏我們可以進行Ajax提交操作
				AjaxSbumit();
			}
});

 2.自定義效驗方法

jQuery.validator.addMethod("isMobile", function(value, element) {  
	var length = value.length;  
	var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;  
	return this.optional(element) || (length == 11 && mobile.test(value));  
}, "請正確填寫手機號碼");

3.默認效驗規則

序號	規則	描述
1	required:true	必須輸入的字段。
2	remote:"check.php"	使用 ajax 方法調用 check.php 驗證輸入值。
3	email:true	必須輸入正確格式的電子郵件。
4	url:true	必須輸入正確格式的網址。
5	date:true	必須輸入正確格式的日期。日期校驗 ie6 出錯，慎用。
6	dateISO:true	必須輸入正確格式的日期（ISO），例如：2009-06-23，1998/01/22。只驗證格式，不驗證有效性。
7	number:true	必須輸入合法的數字（負數，小數）。
8	digits:true	必須輸入整數。
9	creditcard:	必須輸入合法的信用卡號。
10	equalTo:"#field"	輸入值必須和 #field 相同。
11	accept:	輸入擁有合法後綴名的字符串（上傳文件的後綴）。
12	maxlength:5	輸入長度最多是 5 的字符串（漢字算一個字符）。
13	minlength:10	輸入長度最小是 10 的字符串（漢字算一個字符）。
14	rangelength:[5,10]	輸入長度必須介於 5 和 10 之間的字符串（漢字算一個字符）。
15	range:[5,10]	輸入值必須介於 5 和 10 之間。
16	max:5	輸入值不能大於 5。
17	min:10	輸入值不能小於 10。