[JavaScript]写一段代码验证邮箱是否正确

最新推荐文章于 2023-04-04 15:10:29 发布

原创最新推荐文章于 2023-04-04 15:10:29 发布 · 655 阅读

1 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

112 篇文章

订阅专栏

前端面试题

67 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的实时输入框校验功能，通过正则表达式匹配来判断输入的邮箱格式是否正确，并即时给出反馈。

<body>
    <div class="box">
        <input type="text" ><strong id="info"></strong>
    </div>
    <script>
        var input = document.getElementsByTagName("input")[0];
        //注意这里一定要加[0]否则将获取不到
        var str = document.getElementById("info");
        input.oninput=function() {
            console.log("触发");
            var reg = /^[\w-]{3,12}@[\da-zA-Z]{2,6}\.[a-zA-Z]+$/;
            //3~12位的字母数字下划线@2~6位的字母数字.最少一个的字母
            if (reg.test(this.value)) {
                str.innerHTML = '格式正确'
            } else {
                 str.innerHTML = '格式有误'
            }
        }
    </script>
</body>