最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JSemail邮箱/邮件地址正则筛选实现

来源:动视网 责编:小采 时间:2020-11-27 19:46:35
文档

JSemail邮箱/邮件地址正则筛选实现

JSemail邮箱/邮件地址正则筛选实现:这次给大家带来JS email邮箱/邮件地址正则筛选实现,JS email邮箱/邮件地址正则筛选的注意事项有哪些,下面就是实战案例,一起来看一下。简言在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适
推荐度:
导读JSemail邮箱/邮件地址正则筛选实现:这次给大家带来JS email邮箱/邮件地址正则筛选实现,JS email邮箱/邮件地址正则筛选的注意事项有哪些,下面就是实战案例,一起来看一下。简言在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适


方案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>
    <p id="main"></p>
    <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>
    <p id="main"></p>
    <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);

    上述isEmail()函数列举了常用的11种邮箱域名,大家可以根据需要适当补充或删减。

    相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

    推荐阅读:

    JS数组方法使用步骤详解

    行内元素padding和margin在什么情况下无效

    文档

    JSemail邮箱/邮件地址正则筛选实现

    JSemail邮箱/邮件地址正则筛选实现:这次给大家带来JS email邮箱/邮件地址正则筛选实现,JS email邮箱/邮件地址正则筛选的注意事项有哪些,下面就是实战案例,一起来看一下。简言在做用户注册时,常会用到邮箱/邮件地址的正则表达式。本文列举了几种方案,大家可以根据自己的项目情况,选择最适
    推荐度:
    标签: 邮箱 邮箱地址 js
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top