zoukankan      html  css  js  c++  java
  • 正则匹配邮箱----全

    效果图:

    加逗号换行,可连续验证

    代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <script src="../jquery-3.1.0.js" ></script>
    <title>邮箱验证</title>
    <style type="text/css">
    textarea{
    height: 200px;
    400px;
    border: 3px solid #FF69B4;
    font-size: 30px;
    }
    .green{
    color: blue;
    }
    .red{
    color: red;

    }
    button{
    200px;
    height: 50px;
    font-size: 40px;
    font-weight: bold;

    background-image: linear-gradient(pink,lightblue,lightgreen);

    }
    </style>
    </head>
    <body>
    <textarea></textarea><br>
    <button class="btn">提交验证</button>
    <div>
    <p class="green"> </p>
    <p class="red"></p>
    </div>
    </body>
    </html>
    <script type="text/javascript">

    var emailReg = /^w+@[a-z-0-9]+(.[a-zA-Z0-9-]+)?.([a-zA-Z0-9u4e00-u9fa5]{2,8})(.cn)?$/

    // console.log(emailReg.test('1334671@qq.com'))
    // console.log(emailReg.test('13346@qq.sina.cn'))
    // console.log(emailReg.test('133467@163.中国我的'))
    // console.log(emailReg.test('1334619@356.cn'))


    // [u4e00-u9fa5]{2}

    // 拆分正则
    var splitReg = /[;, s,]+/

    $(function () {

    $('button').on('click',function () {

    // 声明空字符串
    var str = ''

    var emailAllStr = $('textarea').val();
    // 拆分成email的数组
    var emailAllArr = (emailAllStr + ';').split(splitReg)


    // 删除最后的空元素
    emailAllArr.pop()
    console.log(emailAllArr)


    emailAllArr.forEach(function (ele) {
    console.log(ele)
    if (emailReg.test(ele)){
    console.log(ele)
    str += ('<p class="green">邮箱 '+ ele +' 验证成功!</p>')
    }else {
    str += ('<p class="red">邮箱 '+ ele +' 验证失败!</p>')
    }
    })

    $('div').html(str)
    })

    })

    </script>
  • 相关阅读:
    IDataParameter调用存储过程
    ecshop下启用QQ在线服务,并能实时更新QQ在线状态
    交通部
    Java实现第九届蓝桥杯堆的计数
    Java实现第九届蓝桥杯全球变暖
    Java实现第九届蓝桥杯全球变暖
    Java实现第九届蓝桥杯堆的计数
    Java实现第九届蓝桥杯堆的计数
    Java实现第九届蓝桥杯全球变暖
    Java实现第九届蓝桥杯全球变暖
  • 原文地址:https://www.cnblogs.com/-khj/p/6281501.html
Copyright © 2011-2022 走看看