15個必須收藏的JS正則表達(dá)式
在表單驗證中,使用正則表達(dá)式來驗證正確與否是一個很頻繁的操作,本文收集整理了15個常用的javaScript正則表達(dá)式,其中包括用戶名、密碼強度、整數(shù)、數(shù)字、電子郵件地址(Email)、手機號碼、身份證號、URL地址、 IPv4地址、 十六進(jìn)制顏色、 日期、 QQ號碼、 微信號、車牌號、中文正則。
1 用戶名正則
//用戶名正則,4到16位(字母,數(shù)字,下劃線,減號)
var?uPattern?=?/^[a-zA-Z0-9_-]{4,16}$/;
//輸出?true
console.log(uPattern.test("caibaojian"));
2 密碼強度正則
//密碼強度正則,最少6位,包括至少1個大寫字母,1個小寫字母,1個數(shù)字,1個特殊字符
var?pPattern?=?/^.*(?=.{6,})(?=.*d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*??]).*$/;
//輸出?true
console.log("=="+pPattern.test("caibaojian#"));
3 整數(shù)正則
//正整數(shù)正則
var?posPattern?=?/^d+$/;
//負(fù)整數(shù)正則
var?negPattern?=?/^-d+$/;
//整數(shù)正則
var?intPattern?=?/^-?d+$/;
//輸出?true
console.log(posPattern.test("42"));
//輸出?true
console.log(negPattern.test("-42"));
//輸出?true
console.log(intPattern.test("-42"));
4 數(shù)字正則
可以是整數(shù)也可以是浮點數(shù)
//正數(shù)正則
var?posPattern?=?/^d*.?d+$/;
//負(fù)數(shù)正則
var?negPattern?=?/^-d*.?d+$/;
//數(shù)字正則
var?numPattern?=?/^-?d*.?d+$/;
console.log(posPattern.test("42.2"));
console.log(negPattern.test("-42.2"));
console.log(numPattern.test("-42.2"));
5 Email正則
//Email正則
var?ePattern?=?/^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/;
//輸出?true
console.log(ePattern.test("[email protected]"));
6 手機號碼正則
//手機號正則
var?mPattern?=?/^1[34578]d{9}$/;?//http://caibaojian.com/regexp-example.html
//輸出?true
console.log(mPattern.test("15507621888"));
7 身份證號正則
//身份證號(18位)正則
var?cP?=?/^[1-9]d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$/;
//輸出?true
console.log(cP.test("11010519880605371X"));
8 URL正則
//URL正則
var?urlP=?/^((https?|ftp|file)://)?([da-z.-]+).([a-z.]{2,6})([/w?.-]*)*/?$/;
//輸出?true
console.log(urlP.test("http://caibaojian.com.cn"));
9 IPv4地址正則
//ipv4地址正則
var?ipP?=?/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
//輸出?true
console.log(ipP.test("115.28.47.26"));
10 十六進(jìn)制顏色正則
//RGB?Hex顏色正則
var?cPattern?=?/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
//輸出?true
console.log(cPattern.test("#b8b8b8"));
11 日期正則
//日期正則,簡單判定,未做月份及日期的判定
var?dP1?=?/^d{4}(-)d{1,2}1d{1,2}$/;
//輸出?true
console.log(dP1.test("2017-05-11"));
//輸出?true
console.log(dP1.test("2017-15-11"));
//日期正則,復(fù)雜判定
var?dP2?=?/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
//輸出?true
console.log(dP2.test("2017-02-11"));
//輸出?false
console.log(dP2.test("2017-15-11"));
//輸出?false
console.log(dP2.test("2017-02-29"));
12 QQ號碼正則
//QQ號正則,5至11位
var?qqPattern?=?/^[1-9][0-9]{4,10}$/;
//輸出?true
console.log(qqPattern.test("65974040"));
13 微信號正則
//微信號正則,6至20位,以字母開頭,字母,數(shù)字,減號,下劃線
var?wxPattern?=?/^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
//輸出?true
console.log(wxPattern.test("caibaojian_com"));
14 車牌號正則
//車牌號正則
var?cPattern?=?/^[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領(lǐng)A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學(xué)警港澳]{1}$/;
//輸出?true
console.log(cPattern.test("粵B39006"));
15 包含中文正則
//包含中文正則
var?cnPattern?=?/[u4E00-u9FA5]/;
//輸出?true
console.log(cnPattern.test("蔡寶堅"));
以上就是我收集前端表單中的正則驗證。
結(jié)語
「關(guān)注公眾號IQ前端,一個專注于CSS/JS開發(fā)技巧的前端公眾號,更多前端小干貨等著你喔」
評論
圖片
表情
