JavaScript里的手机邮箱验证

最新推荐文章于 2024-06-04 15:16:53 发布

feiwofeifeiwo_###

最新推荐文章于 2024-06-04 15:16:53 发布

阅读量432

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_36407090/article/details/70258200

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #count{
            visibility: hidden;
        }
    </style>
</head>
<body>
<input type="text" id="email"/>
<div id="count">0个字节</div>
<script type="text/javascript">
    function getLength(str){
        return str.replace(/[^\x00-xff]/g,"xx").length;
    }
    /*alert(/\d\d\d/.test("123"));
    alert(/\d\d\d/.test("abc"));
    alert(new RegExp("Bson").test("Hi,Bson"));
    document.write(/.../.test("1a@"));
    document.write(/\D\D\D/.tes("abc"));*/
    var email = document.getElementById("email");
    var count = document.getElementById("count");
    var len = 0;
    //邮箱
    //var reg = new RegExp("^\\w+@\\w+.\\w{2,}$");
    //手机号
    //var reg = new RegExp("^1[3,5,7,8]\\d{9}$");
    /*email.onblur = function(){
        document.write(reg.test(email.value.trim()));
    }*/
    //显示字节长度
    email.onkeyup = function(){
        count.style.visibility="visible";
        len = getLength(this.value);
        count.innerHTML = len + "个字符";
        if(len == 0){
            count.style.visibility="hidden";
        }
    }
</script>
</body>
</html>