常用的正則表示式結合validate驗證的寫法

阿新 • • 發佈：2018-12-29

jquery validate驗證有時候需要自定義一些常用的驗證，總結一下平時遇見的。

將自定義方法寫在jquery.validate.js中

1.使用者名稱驗證

// 使用者名稱驗證
jQuery.validator.addMethod("imUserName", function(value, element) {
    return this.optional(element) || /^(?![0-9])[a-z0-9_]{3,30}$/.test(value);
}, "使用者名稱只可包含小寫字母、數字、_，且不能以數字開頭");

頁面中的使用

//驗證 
		 $("#inputForm").validate({
				submitHandler:function(form){
					$(".btn-confirm").attr("disabled",true);   
		              
 form.submit();
		        },
				errorContainer: "div.error",
				errorLabelContainer: $("#inputForm div.error"),
				wrapper: "div",
			    rules: {
			    	username: {           //name
				    	required: true,
				        minlength: 3,
				        maxlength:30,
				        imUserName:true,
				        remote: {
				            url: "${ctx}/userinfo/userinfo/check",     //後臺處理程式
				            type: "post",     //資料傳送方式
				            dataType: "html",
			                dataFilter: function(data, type) {
			                     if (data == "true"){
			                         return false;
			                     } else {
			                         return true;
			                     }
			                }
				        }
				    },
				    "deptTree.name": {    //特殊的name
				    	required: true
				    }
				},
				messages: {
					username: {           //name
				    	required: "使用者名稱不可為空",
				        minlength: "使用者名稱不可少於3個字元",
				        maxlength: "使用者名稱不可超出30個字元",
				        remote: "該使用者名稱已存在"
				    },
				    "deptTree.name": {
				    	required: "部門不可為空"
				    }
				}
			});

解析正則

/^(?![0-9])[a-z0-9_]{3,30}$/

正則語法/^ $/,其中/^正則的起始，$/正則結束

2.其他驗證規則

// 密碼驗證
jQuery.validator.addMethod("imPassword", function(value, element) {
    return this.optional(element) || /^[[email protected]#$%&*]{6,20}$/.test(value);
}, "密碼只能包含英文字母、數字和符號（!、@、#、$、%、&、*）");

//郵箱驗證
jQuery.validator.addMethod("imMail", function(value, element) {
    return this.optional(element) || /^([a-zA-Z0-9_-]) 
[email protected]([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(value);
}, "郵箱格式不正確");
 

jQuery.validator.addMethod("ip", function(value, element) {
	return this.optional(element) || (/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/.test(value) && (RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256));   
}, "請輸入合法的IP地址");

jQuery.validator.addMethod("abc",function(value, element) {
	return this.optional(element) || /^[a-zA-Z0-9_]*$/.test(value);
},"請輸入字母數字或下劃線");

jQuery.validator.addMethod("username",function(value, element) {
	return this.optional(element) || /^[a-zA-Z0-9][a-zA-Z0-9_]{2,19}$/.test(value);
},"3-20位字母或數字開頭，允許字母數字下劃線");

// 不等於驗證
jQuery.validator.addMethod("noEqualTo",function(value, element, param) {
	return value != $(param).val();
},"請再次輸入不同的值");

// 真實姓名驗證
jQuery.validator.addMethod("realName", function(value, element) {
    return this.optional(element) || /^[\u4e00-\u9fa5]{2,30}$/.test(value);
}, "姓名只能為2-30個漢字");

// 字元驗證
jQuery.validator.addMethod("userName", function(value, element) {
    return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);
}, "登入名只能包括中文字、英文字母、數字和下劃線");

// 手機號碼驗證
jQuery.validator.addMethod("mobile", function(value, element) {
    var length = value.length;
    return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value));
}, "請正確填寫您的手機號碼");

// 電話號碼驗證
jQuery.validator.addMethod("simplePhone", function(value, element) {
    var tel = /^(\d{3,4}-?)?\d{7,9}$/g;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的電話號碼");

// 電話號碼驗證     
jQuery.validator.addMethod("phone", function(value, element) {     
	var tel = /(^0[1-9]{1}\d{9,10}$)|(^1[3,5,8]\d{9}$)/g;     
	return this.optional(element) || (tel.test(value));     
}, "格式為:固話為區號(3-4位)號碼(7-9位),手機為:13,15,18號段");	

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

//<"'/>標籤驗證
jQuery.validator.addMethod("imTag", function(value, element) {
	var tag = /^[^<>\'\/\"]{1,30}$/;
    return this.optional(element) || tag.test(value);
}, "標題不能包含（<、>、'、\"、/ ）");

//QQ號碼驗證
jQuery.validator.addMethod("qq", function(value, element) {
    var tel = /^[1-9][0-9]{4,}$/;
    return this.optional(element) || (tel.test(value));
}, "請正確填寫您的QQ號碼");
 
//校驗身份證好
jQuery.validator.addMethod("card",function(value, element) {
	return this.optional(element) || checkIdcard(value);
},"請輸入正確的身份證號碼(15-18位)")

//驗證身份證函式
function checkIdcard(idcard){
	idcard = idcard.toString();
	//var Errors=new Array("驗證通過!","身份證號碼位數不對!","身份證號碼出生日期超出範圍或含有非法字元!","身份證號碼校驗錯誤!","身份證地區非法!");
	var Errors=new Array(true,false,false,false,false);
	var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"雲南",54:"西藏",61:"陝西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外"}
	var idcard,Y,JYM;
	var S,M;
	var idcard_array = new Array();
	idcard_array = idcard.split("");
	//地區檢驗
	if(area[parseInt(idcard.substr(0,2))]==null) return Errors[4];
	//身份號碼位數及格式檢驗
	switch(idcard.length){
		case 15:
			if ( (parseInt(idcard.substr(6,2))+1900) % 4 == 0 || ((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 )){
				ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/;//測試出生日期的合法性
			} else {
				ereg=/^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//測試出生日期的合法性
			}
			if(ereg.test(idcard)) return Errors[0];
			else return Errors[2];
			break;
		case 18:
			//18 位身份號碼檢測
			//出生日期的合法性檢查
			//閏年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
			//平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
			if ( parseInt(idcard.substr(6,4)) % 4 == 0 || (parseInt(idcard.substr(6,4)) % 100 == 0 && parseInt(idcard.substr(6,4))%4 == 0 )){
				ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/;//閏年出生日期的合法性正則表示式
			} else {
				ereg=/^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正則表示式
			}
			if(ereg.test(idcard)) {//測試出生日期的合法性
				//計算校驗位
				S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7
					+ (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9
					+ (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10
					+ (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5
					+ (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8
					+ (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4
					+ (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2
					+ parseInt(idcard_array[7]) * 1
					+ parseInt(idcard_array[8]) * 6
					+ parseInt(idcard_array[9]) * 3 ;
				Y = S % 11;
				M = "F";
				JYM = "10X98765432";
				M = JYM.substr(Y,1);//判斷校驗位
				if(M == idcard_array[17]) return Errors[0]; //檢測ID的校驗位
				else return Errors[3];
			}
			else return Errors[2];
			break;
		default:
			return Errors[1];
			break;
	}
}

常用的正則表示式結合validate驗證的寫法

jquery validate驗證有時候需要自定義一些常用的驗證，總結一下平時遇見的。將自定義方法寫在jquery.validate.js中 1.使用者名稱驗證 // 使用者名稱驗證 jQuery.validator.addMethod("imUserName", functi

常用正則表示式大全，手機電話郵箱身份證最嚴格的驗證 IP地址網址日期等，一般前臺js驗證，來這裡就夠了

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

表單驗證時常用正則表示式（以“註冊資訊”為例）

個人在使用時看到網上總結的有很多了，但大多文章表述的都比較抽象，使用時需要自己組合，通常因為懶所以實際在用時習慣直接拿來用，總結的是本人寫程式的過程中用的頻率比較高的幾個例項：另：這裡有一個博主總結的很不錯，連結貼上 /*驗證是否同意協議*/ function

Java 表單註冊常用正則表示式驗證工具類，常用正則表示式大集合。 1. 電話號碼 2. 郵編 3. QQ 4. E-mail 5. 手機號碼 ……

/* Java 表單註冊常用正則表示式驗證工具類，常用正則表示式大集合。 1. 電話號碼 2. 郵編 3. QQ 4. E-mail 5. 手機號碼 6. URL 7. 是否為數字 8. 是否為中文 9. 身份證 10. 域名 11. IP*/ pack

表單驗證常用正則表示式

<div class="container"><label>QQ</label><input type="text" id="inp1"><span></span><br><label

JS的常用正則表示式驗證密碼使用者名稱等JS正則

JS的正則表示式 //校驗是否全由數字組成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校驗登入名：只能輸入5-20個以字母開頭、可帶數字、“_

正則表示式——常用正則表示式驗證輸入合法性

1、手機號 ① 前兩位為13、15、17、18、19，長度為11 function isMobile(v){ var reg = /^1(3|5|7|8|9)\\d{9}$/; return reg.

我的常用-正則表示式(郵箱驗證)

PHP - 驗證郵件 $email = test_input($_POST["email"]); if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) { $emailErr = "非法郵箱格式"; } PH

jquery validate.addMethod 正則表示式 (自定義驗證方法)

專案中使用的jQuery新增的校驗的方法 $(document).ready(function(){ 5 6/* 設定預設屬性 */ 7$.validator.setDefaults({ 8

Python常用正則表示式語法和寫法

今天因為看一個爬蟲的例子,看到資料抓取的時候別人用的正則表示式去匹配想要的資料.當即對這個表示式感興趣起來,仔細閱讀了一下相關文件,對其有了大概的認識,索性寫了一篇文章來介紹python中相關正則表示式的用法,以便自己日後參閱! 相關介紹正則表示式是一

JS的常用正則表示式驗證密碼

JS的正則表示式強：字母+數字+特殊字元   ^(?![a-zA-z]+$)(?!\d+$)(?![[email protected]#$%^&*]+$)(?![a-zA-z\d]+$)(?![[emai

php 常用正則表示式彙總

1. 平時做網站經常要用正則表示式，下面是一些講解和例子，僅供大家參考和修改使用： 2. "^\d+$"　　//非負整數（正整數 + 0） 3. &n

JavaScript正則表示式表單驗證例項

/*是否帶有小數*/ function isDecimal(strValue ) { var objRegExp= /^\d+\.\d+$/; return objRegExp.test(strValue); } /*校驗是否中文名稱組成 */ function

常用正則表示式符號

正則表示式總結： \b : 單詞的開頭或結尾 . : 除了換行符以外的任意字元 * ：前邊的內容可以連續重複使用任意次 \n : 換行符 \d ：匹配一個數字 {n}

常用正則表示式收集

shell 常用正則表示式

常用正則表示式（copy）

一、校驗數字的表示式數字：^[0-9]*$ n位的數字：^\d{n}$ 至少n位的數字：^\d{n,}$ m-n位的數字：^\d{m,n}$ 零和非零開頭的數字：^(0|[1-9][0-9]*)$ 非零開頭的最多帶兩位小數的數字：^([1-9][0-9]*)+(\.[0

常用正則表示式（高亮，markdown）

校驗數字的表示式 1 數字：^[0-9]*$ 2 n位的數字：^\d{n}$ 3 至少n位的數字：^\d{n,}$ 4 m-n位的數字：^\d{m,n}$ 5 零和非零開頭的數字：^(0|[1-9][0-9]*)$ 6 非零開頭的最多帶兩位小數的數字：^([1-9][0-9]*)+(

常用正則表示式_轉載

轉自網路：常用正則表示式大全！（例如：匹配中文、匹配html）匹配中文字元的正則表示式： [u4e00-u9fa5] 　　評註：匹配中文還真是個頭疼的事，有了這個表示式就好辦了　　匹配雙位元組字元(包括漢字在內)：[^x0

史上最全常用正則表示式大全

一、校驗數字的表示式 1. 數字：^[0-9]*$ 2. n位的數字：^\d{n}$ 3. 至少n位的數字：^\d{n,}$ 4. m-n位的數字：^\d{m,n}$ 5. 零和非零開頭的數字：^(0|[1-9][0-9]*)$ 6. 非零開頭的最多帶兩位小

常用的正則表示式結合validate驗證的寫法

相關推薦