js邮箱验证以及隐藏邮箱前三位到@之间的字符

SOASPX 218 0
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>js邮箱验证以及隐藏邮箱前三位到@之间的字符</title>
<script type="text/javascript" src="http://code.jQuery.com/jquery-latest.js"></script>
</head>
<body>
   <input type="text" id="myText">
  <p>js邮箱验证以及隐藏邮箱前三位到@之间的字符</p>
  <input type="button" value="提交" id="subBtn">
  <script type="text/javascript">
   $(function(){
    $("#subBtn").click(function(){
      if($("#myText").val()==""){
        alert("邮箱不能为空");
      }else{
         if(emailCheck(myText)){
          alert("提交成功");
          var email=$("#myText").val();
          var c=email.split("@");
          console.log(c);
          var c1=c[0].substr(3);
          console.log(c1);
          var xing="";
          for(var i=0;i<c1.length;i++){
           xing+="*";
          }
          var myemail=c[0].substr(0,3)+xing+c[1];
          $("#myText").val(myemail);
         
         }else{
           alert("请输入正确的邮箱");
         }
      }
      function emailCheck(id){
         var temp=document.getElementById("myText");
         var re=/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;
         if(re.test(temp.value)){
           return true;
         }else{
           return false;
         }
      }
    });
   });
  </script>
</body>
</html>

标签: 邮箱校验规则js 如何用js验证邮箱

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~