zoukankan      html  css  js  c++  java
  • 国内外邮箱正则验证及js示例

    国内外邮箱正则验证:/^w+(?:.w+){0,1}@@[a-zA-Z0-9]{2,14}(?:.[a-z]{2,4}){1,2}$/

    适用于:

    samata.shasarestha@yahoo.com

    samsaatamusic@hotmail.co.uk

    samsaata@silkinnovation.com.np

    79898989@qq.com

    等邮箱

    js邮箱验证:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>邮箱验证</title>
        <style>
        #notice{ font-szie:14px; font-family:SimHei } 
        div{ color:red; margin-top:30px;} 
        p{ color:red; padding-left: 30px; }
        </style>
    </head>
    <body>
        Email:
        <input type="text" id="texts" value="" />
        <span id="notice"></span>
        <div>规则:</div>
        <p>1、不能以0字开头</p>
        <p>2、@</p>
        <p>3、必须是数字与字母组成,长度为2-10位</p>
        <p>4、结尾一组,字母长度为2-4位</p>
        <p>5、 .字母,最少一组,最多三组</p>
        <script>
        /*id是全局唯一的,不需要获取元素,直接使用*/
    
        let re = /^w+(?:.w+){0,1}@[a-zA-Z0-9]{2,14}(?:.[a-z]{2,4}){1,2}$/;
    
        //绑定文本输入时触发的事件
        texts.oninput = function() {
    
            let textBox = this.value;
    
            //判断检测这个值是否正确,
            if (re.test(textBox)) { //如果验证正确执行以下代码
                notice.innerHTML = '邮箱验证成功';
                notice.style.color = 'plum';
            } else { //验证不成功,执行以下代码
                notice.innerHTML = '邮箱验证不成功,请重新输入';
                notice.style.color = 'green';
            }
        }
        </script>
    </body>
    </html>
  • 相关阅读:
    3.2 playbook tags
    3.1 playbook语法实践
    3. playbook基础组件
    elasticsearch IK中文分词
    elasticsearch参数详解
    2. ansible常用模块
    1. ansible简介
    Python sphinx-build在Windows系统中生成Html文档
    Oracle PL/SQL Developer集成TFS进行团队脚本文件版本管理
    Gulp自动构建Web前端程序
  • 原文地址:https://www.cnblogs.com/dyd520/p/13804940.html
Copyright © 2011-2022 走看看