您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關JavaScript中常用的email郵箱/郵件地址正則表達式有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
方案1 (常用)
規則定義如下:
以大寫字母[A-Z]、小寫字母[a-z]、數字[0-9]、下滑線[_]、減號[-]及點號[.]開頭,并需要重復一次至多次[+]。
中間必須包括@符號。
@之后需要連接大寫字母[A-Z]、小寫字母[a-z]、數字[0-9]、下滑線[_]、減號[-]及點號[.],并需要重復一次至多次[+]。
結尾必須是點號[.]連接2至4位的大小寫字母[A-Za-z]{2,4}。
利用以上規則給出如下正則表達式:
var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
完整測試代碼
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>郵箱/郵件地址的正則表達式(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>
測試結果:
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是最常用的郵件正則表達式驗證方案,也適合大多數的應用場景。從以上測試可以看出,該表達式不支持.online及.store結尾的域名。如需兼容這類域名(大于4位),調整正則結尾{2,4}的限制部分即可(例:{2,8})。另一個問題是郵件用戶名不能包括中文。
方案2 (修訂方案1)
規則補充如下:
用戶名可以包括中文[\u4e00-\u9fa5]
域名結尾最長可為8位{2,8}
更新后的正則表達式如下:
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>郵箱/郵件地址的正則表達式及分析(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>
測試結果:
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 (安全)
在手機驗證碼出現之前,差不多郵箱驗證是保證用戶唯一性的唯一條件。而臨時郵箱(也稱10分鐘郵箱或一次性郵箱)的出現,則使得郵箱驗證及帳戶激活這種機制失去了意義。而臨時郵箱的地址是不可枚舉的,我們只能才采取白名單的方式,只允許有限的郵箱域名通過驗證。
根據方案1的補充如下規則:
郵箱域名只能是163.com,qq.com或者42du.cn。
給出正則表達式如下:
var pattern = /^([A-Za-z0-9_\-\.])+\@(163.com|qq.com|42du.cn)$/;
完整測試代碼
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>郵箱/郵件地址的正則表達式及分析(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>
測試結果:
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驗證雖然能保證安全性,但是如果白名單太長會造成模式字符串太長。這時可以將郵箱域名白名單寫成數組,利用正則表達式做初步驗證,用白名單做域名的二次驗證。
現給出郵箱驗證函數如下:
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);
感謝各位的閱讀!關于“JavaScript中常用的email郵箱/郵件地址正則表達式有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。