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

来源：互联网发布：vmware mac补丁包编辑：程序博客网时间：2024/06/10 04:31

<!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>

0 0