正则实现邮箱验证

当当当!敲黑板(๑•ี_เ•ี๑)

图片发自简书App

问：什么是正则？
答：是计算机科学的一种概念，用于检索匹配或替换符合规则的字符。

今个来写一个用正则实现的邮箱验证

html 部分
    <input type="text" id="text">
    <input type="button" id="but" value="邮箱验证"/>

首先写两个input
1）作为文本输入
2）作为点击按钮并添加文字

**js 部分**
<script>
        var inp = document.getElementById("inp");
        var but = document.getElementById("but");
        but.onclick = function () {
            var mailBox = /^\w+@[a-z0-9]+\.[a-z]+$/i;
            //邮箱不区分大小写 \w 匹配数字母下划线 中括号里是小写字母或0-9数字         
            //后面+是一个或多个 转义一个点  任意多个字母
            if (mailBox.test(text.value)) {
                alert("输入正确");
            }
            else {
                alert("您输入的邮箱有误，请重新输入");
            }
        };
    </script>

2.分别获取id 给按钮添加点击事件 通过if进行判断

最终效果图
1）正确

9.png

8.png

图片发自简书App