当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS高级---案例:验证用户输入的是不是邮箱

JS高级---案例:验证用户输入的是不是邮箱

2020年01月15日  | 移动技术网IT编程  | 我要评论
案例:验证用户输入的是不是邮箱 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> </head> <body> <!-- 请您输入邮箱地址:<input type="text" va ...

案例:验证用户输入的是不是邮箱

 

<!doctype html>
<html lang="en">

<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>

 

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网