• 技术文章 >web前端 >js教程

    js对用户输入的内容做邮箱验证的方法

    angryTomangryTom2020-01-14 15:56:11转载1011

    js对用户输入的内容做邮箱验证的方法

    <!DOCTYPE html>
    <html>
    
    <head>
      <meta charset="UTF-8">
      <title>title</title>
    
    </head>
    
    <body>
      <!-- 请您输入邮箱地址:<input type="text" value="" id="email"/> *<br/> -->
      请您输入邮箱地址:<input type="text" value="" id="email" /> *<br />
      <script>
        //如果输入的是邮箱,那么背景颜色为绿色,否则为红色
        //获取文本框,注册失去焦点的事件
        document.getElementById("email").onblur = function () {
          //判断这个文本框中输入的是不是邮箱
          var reg = /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;
          if (reg.test(this.value)) {
            this.style.backgroundColor = "green";
          } else {
            this.style.backgroundColor = "red";
          }
        };
      </script>
    
    </body>
    
    </html>

    1844528-20200114152026540-1620322476.png

    本文来自 js教程 栏目,欢迎学习!

    以上就是js对用户输入的内容做邮箱验证的方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除
    专题推荐:js 验证输入 邮箱
    上一篇:JS中BOM操作知识点 下一篇:JavaScript中常用的20个字符串方法(收藏)
    大前端线上培训班

    相关文章推荐

    • JS做出验证邮箱/邮件地址正则• php邮箱发送失败• 如何将WordPress博客订阅到QQ邮箱• phpcms怎么配置邮箱

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网