javascript写一个校验邮箱的正则表达式

最新推荐文章于 2022-04-03 14:24:54 发布

weixin_33841722

最新推荐文章于 2022-04-03 14:24:54 发布

阅读量710

点赞数

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000016181261

版权

test

判断字符串是否符合正则的要求
注意注意：字符串有一部分符合要求，test就会判断为真。这个时候我们可以加一个行首（^）行尾($)来控制

分析

我们根据常用邮箱写一个中文的校验规则如下：
我们常用的邮箱格式：
yancamy@126.com
yan233__@qq.com
转换成文字描述如下：
一串英文、数字、或者下划线 @ 一串英文、数字 . 一串英文(所有都不需要检验大小写)
翻译成正则表达式如下：
/ w+ @ [a-z0-9] . [a-z]+ /i
/^w+ @ [a-z0-9] . [a-z]+ $/i

代码实现

<!DOCTYPE html>
<html>
  <head>
    <title>用正则写一个邮箱校验</title>
    <script>
      window.onload=function(){
        var oTxt=document.getElementById("txt1");
        var oBtn=document.getElementById("btn1");
        oBtn.onclick=function(){
          var re=/^\w+@[a-z0-9]\.[a-z]+$/i;
          if(re.test(oTxt.value)){
            console.log("合法邮箱");
          }else{
            console.log("你丫写错了");
          }
        }
      }
    </script>
  </head>
  <body>
    <input type="text" id="txt1" />
    <input type="button" value="校验" id="btn1" />
  </body>
</html>

weixin_33841722

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript写一个校验邮箱的正则表达式

test判断字符串是否符合正则的要求注意注意：字符串有一部分符合要求，test就会判断为真。这个时候我们可以加一个行首（^）行尾($)来控制分析我们根据常用邮箱写一个中文的校验规则如下：我们常用的邮箱格式：yancamy@126.comyan233__@qq.com转换成文字描述如下：一串英文、数字、或者下划线 @ 一串...
复制链接

扫一扫