校验登录：用户名不能以数字开头，长度=不低于6，不高于20

清疚 2022-06-18 11:50 178阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>校验</title>  
    <script type="text/javascript">  
        //用户名不能以数字开头，长度=不低于6，不高于20  
        //密码不能为空  
        onload = function()\{  
            var use = document.getElementById('use');  
            var pw = document.getElementById('pw');  
            var sub = document.getElementById('sub');  
            sub.onclick = function()\{  
                var useName = use.value;  
                var paw = pw.value;  
                // console.log(useName\[0\].charCodeAt() == 48);//  
                if(useName == "" || paw == "")\{  
                        alert('输入框不能为空');  
                \}else if(useName\[0\].charCodeAt() <= 57 && useName\[0\].charCodeAt() >= 48)\{  
                    alert('用户名不能以数字开头');  
                \}else if( (useName.length) < 6 || (useName.length) > 20)\{  
                        alert('用户名长度不低于6，不高于20');  
                    \}else\{  
                        alert('恭喜你，登录成功....')  
                    \}  
            \}  
        \}  
    </script>  
</head>  
<body>  
    <input type="text" name="" id="use" placeholder="输入用户名" value="">  
    <input type="password" name="" id="pw" placeholder="输入密码" value="">  
    <input type="submit" name="" id="sub"  value="提交">  
</body>  
</html>