jQuery Validate自定義驗證方法實現方式

$( '#userForm' ).validate({
	rules:{
		truename:{
			required:true,
			minlength:2,
			maxlength:6,
			<span style="color:#FF0000;"><strong>isChar</strong></span>:true,
		},
		email:{
			required:true,
			email:true,
		},
		province:{
			required:true,
		},
		city:{
			required:true,
		},
		area:{
			required:true,
		},
	},
	messages:{
		truename:{
			required:'請輸入您的姓名',
			minlength:'姓名項只允許2~6個字符',
			maxlength:'姓名項只允許2~6個字符',
			isChar:'請正確格式的姓名(暫支持漢字)',
		},
		email:{
			required:'請輸入郵箱地址',
			email:'請檢查您輸入的郵箱',
		},
		province:{
			required:'請選擇您所在的省'
		},
		city:{
			required:'請選擇您所在的市'
		},
		area:{
			required:'請選擇您所在的區'
		},
	},
});

對應調用函數: ( 可以在內部寫js/或者外部引入-我是外部引入的文件 )  validate.expand.js

// JavaScript Document

//檢測手機號是否正確
jQuery.validator.addMethod("<strong>isMobile</strong>", function(value, element) {
	var length = value.length;
	var regPhone = /^1([3578]\d|4[57])\d{8}$/;
    return this.optional(element) || ( length == 11 && regPhone.test( value ) );  
}, "請正確填寫您的手機號碼"); 

//檢測用戶姓名是否爲漢字
jQuery.validator.addMethod("<span style="color:#FF0000;"><strong>isChar</strong></span>", function(value, element) {
	var length = value.length;
	var regName = /[^\u4e00-\u9fa5]/g;
    return this.optional(element) || !regName.test( value );  
}, "請正確格式的姓名(暫支持漢字)");

//檢測郵政編碼
jQuery.validator.addMethod("<strong>isZipCode</strong>", function(value, element) {  
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的郵政編碼");

這邊的最後一個參數是返回的message在上面的$( '#xxx' ).validate({}) 裏面的message對應位置可以重置


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章