JavaScript email郵箱/郵件地址的正則表達(dá)式及分析
簡言
在做用戶注冊(cè)時(shí),常會(huì)用到郵箱/郵件地址的正則表達(dá)式。本文列舉了幾種方案,大家可以根據(jù)自己的項(xiàng)目情況,選擇最適合的方案。
方案1 (常用)
規(guī)則定義如下:
- 以大寫字母[A-Z]、小寫字母[a-z]、數(shù)字[0-9]、下滑線[_]、減號(hào)[-]及點(diǎn)號(hào)[.]開頭,并需要重復(fù)一次至多次[+]。
- 中間必須包括@符號(hào)。
- @之后需要連接大寫字母[A-Z]、小寫字母[a-z]、數(shù)字[0-9]、下滑線[_]、減號(hào)[-]及點(diǎn)號(hào)[.],并需要重復(fù)一次至多次[+]。
- 結(jié)尾必須是點(diǎn)號(hào)[.]連接2至4位的大小寫字母[A-Za-z]{2,4}。
利用以上規(guī)則給出如下正則表達(dá)式:
var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
完整測試代碼
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>郵箱/郵件地址的正則表達(dá)式及分析(JavaScript,email,regex)</title> </head> <body> <div id="main"></div> <script> var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; w("pattern.test('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";"); w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";"); w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";"); w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";"); w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";"); w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";"); function w(val) { document.getElementById("main").innerHTML += val +"<br />"; } </script> </body> </html>
測試結(jié)果:
pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = false;
pattern.test('毛三胖@42du.cn') = false;
pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = false;
pattern.test('毛三胖@42du.cn') = false;
方案1說明
方案1是最常用的郵件正則表達(dá)式驗(yàn)證方案,也適合大多數(shù)的應(yīng)用場景。從以上測試可以看出,該表達(dá)式不支持.online及.store結(jié)尾的域名。如需兼容這類域名(大于4位),調(diào)整正則結(jié)尾{2,4}的限制部分即可(例:{2,8})。另一個(gè)問題是郵件用戶名不能包括中文。
方案2 (修訂方案1)
規(guī)則補(bǔ)充如下:
- 用戶名可以包括中文[\u4e00-\u9fa5]
- 域名結(jié)尾最長可為8位{2,8}
- 更新后的正則表達(dá)式如下:
var pattern = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
完整測試代碼
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>郵箱/郵件地址的正則表達(dá)式及分析(JavaScript,email,regex)</title> </head> <body> <div id="main"></div> <script> var pattern = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/; w("pattern.test('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";"); w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";"); w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";"); w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";"); w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";"); w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";"); function w(val) { document.getElementById("main").innerHTML += val +"<br />"; } </script> </body> </html>
測試結(jié)果:
pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = true;
pattern.test('毛三胖@42du.cn') = true;
方案3 (安全)
在手機(jī)驗(yàn)證碼出現(xiàn)之前,差不多郵箱驗(yàn)證是保證用戶唯一性的唯一條件。而臨時(shí)郵箱(也稱10分鐘郵箱或一次性郵箱)的出現(xiàn),則使得郵箱驗(yàn)證及帳戶激活這種機(jī)制失去了意義。而臨時(shí)郵箱的地址是不可枚舉的,我們只能才采取白名單的方式,只允許有限的郵箱域名通過驗(yàn)證。
根據(jù)方案1的補(bǔ)充如下規(guī)則:
郵箱域名只能是163.com,qq.com或者42du.cn。
給出正則表達(dá)式如下:
var pattern = /^([A-Za-z0-9_\-\.])+\@(163.com|qq.com|42du.cn)$/;
完整測試代碼
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>郵箱/郵件地址的正則表達(dá)式及分析(JavaScript,email,regex)</title> </head> <body> <div id="main"></div> <script> var pattern = /^([A-Za-z0-9_\-\.])+\@(163.com|qq.com|42du.cn)$/; w("pattern.test('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";"); w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";"); w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";"); w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";"); w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";"); w("pattern.test('毛三胖dd@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";"); function w(val) { document.getElementById("main").innerHTML += val +"<br />"; } </script> </body> </html>
測試結(jié)果:
pattern.test('cn42du@163.com') = true; pattern.test('ifat3@sina.com.cn') = false; pattern.test('ifat3.it@163.com') = true; pattern.test('ifat3_-.@42du.cn') = true; pattern.test('ifat3@42du.online') = false; pattern.test('毛三胖dd@42du.cn') = false;
方案3驗(yàn)證雖然能保證安全性,但是如果白名單太長會(huì)造成模式字符串太長。這時(shí)可以將郵箱域名白名單寫成數(shù)組,利用正則表達(dá)式做初步驗(yàn)證,用白名單做域名的二次驗(yàn)證。
現(xiàn)給出郵箱驗(yàn)證函數(shù)如下:
var isEmail = function (val) { var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; var domains= ["qq.com","163.com","vip.163.com","263.net","yeah.net","sohu.com","sina.cn","sina.com","eyou.com","gmail.com","hotmail.com","42du.cn"]; if(pattern.test(val)) { var domain = val.substring(val.indexOf("@")+1); for(var i = 0; i< domains.length; i++) { if(domain == domains[i]) { return true; } } } return false; } // 輸出 true isEmail(cn42du@163.com);
上述isEmail()函數(shù)列舉了常用的11種郵箱域名,大家可以根據(jù)需要適當(dāng)補(bǔ)充或刪減。
以上為三胖對(duì)郵箱正則表達(dá)式的理解和分析,如有不足請(qǐng)大家予以指正。
相關(guān)文章
正則表達(dá)式 運(yùn)算符優(yōu)先級(jí)介紹
正則表達(dá)式從左到右進(jìn)行計(jì)算,并遵循優(yōu)先級(jí)順序,這與算術(shù)表達(dá)式非常類似2016-05-05利用正則表達(dá)式從字符串中提取浮點(diǎn)數(shù)的實(shí)例詳解
Python中使用re模塊的正則表達(dá)式,可以高效從字符串中提取浮點(diǎn)數(shù),此方法適用于從各種文本中提取數(shù)字信息,對(duì)正則表達(dá)式提取浮點(diǎn)數(shù)相關(guān)知識(shí)感興趣的朋友跟隨小編一起看看吧2024-09-09使用正則表達(dá)式實(shí)現(xiàn)網(wǎng)頁爬蟲的思路詳解
網(wǎng)頁爬蟲:就是一個(gè)程序用于在互聯(lián)網(wǎng)中獲取指定規(guī)則的數(shù)據(jù)。這篇文章主要介紹了使用正則表達(dá)式實(shí)現(xiàn)網(wǎng)頁爬蟲的思路詳解,需要的朋友可以參考下2018-12-12用Javascript正則實(shí)現(xiàn)url鏈接的解析類
一個(gè)非常健全的 Javascript 鏈接(URL)解析類,他用了正則表達(dá)式可以準(zhǔn)確獲取一個(gè)完整的 URL 中每個(gè)部分的內(nèi)容,包括協(xié)議、URL中包含的用戶名和密碼、主機(jī)名、端口、路徑名、參數(shù)、錨點(diǎn)(Fragment Anchor)等信息2008-06-06String字符串匹配javascript 正則表達(dá)式
本文給大家介紹String字符串匹配javascript 正則表達(dá)式的相關(guān)知識(shí),涉及到相關(guān)方法的使用總結(jié),介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友一起學(xué)習(xí)吧2016-04-04詳解Java判斷是否是整數(shù),小數(shù)或?qū)崝?shù)的正則表達(dá)式
這篇文章主要介紹了詳解Java判斷是否是整數(shù),小數(shù)或?qū)崝?shù)的正則表達(dá)式,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2016-12-12js中exec、test、match、search、replace、split用法
exec、test、match、search、replace、split在JS中用的很頻繁,在網(wǎng)上看到對(duì)這些方法的總結(jié),就轉(zhuǎn)過來了,作個(gè)記錄2012-08-08用Java正則去掉字符串中重復(fù)出現(xiàn)的字符
abcde 順序可以不一樣,也就是去掉重復(fù)出現(xiàn)的字符2010-12-12