js实现邮箱验证信息

2021/8/13 23:05:54

编程Tag： js 验证 innerHTML var else 邮箱 Message getElementById document

本文主要是介绍js实现邮箱验证信息，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<head>

</head>
<body>
    <label>email:</label><input type="text" id="email"/>
    <input type="button" value="验证" onclick="checkemail()" />
    <span id="message"></span>
</body>
<script type="text/javascript">
    
    function checkemail() {
        var obj = document.getElementById("email");
        if(obj.value != ""){
            var str = obj.value;
            if(str.indexOf("@") != -1 && str.indexOf(".") != -1){
                var a = str.split("@");
                if(a[0].length > 0){
                    if(a[1].length > 0){
                        var b = a[1].split(".");
                        if(b[0].length > 0){
                            if(b[1].length > 1){
                                document.getElementById("message").innerHTML = "<font color='green'>正确</font>";
                            }
                            else{
                                document.getElementById("message").innerHTML = "<font color='red'>错误，.后面必须要有至少2个字符！！！</font>";
                            }
                        }
                        else{
                            document.getElementById("message").innerHTML = "<font color='red'>错误，@和.之间必须要有至少1个字符！！！</font>";
                        }
                    }
                    else{
                        document.getElementById("message").innerHTML = "<font color='red'>错误，@后面必须要有至少1个字符！！！</font>";
                    }
                }
                else{
                    document.getElementById("message").innerHTML = "<font color='red'>错误，@前面必须要有至少1个字符！！！</font>";
                }
            }
            else{
                document.getElementById("message").innerHTML = "<font color='red'>错误，邮箱需要包含@和.字符！！！</font>";
            }
        }
    }

</script>

</html>

这篇关于js实现邮箱验证信息的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

js实现邮箱验证信息

相关编程文章