完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括：

用户名6-12位

首字母不能是数字

只能包含字母和数字

密码6-12位

注册页两次密码是否一致

 

    
             
         
Welcome to gzcc
 Management system
     
      
    
       
        
LOG IN TO GZCC
       
       
            username:
        
        
    password:
        
        
    
        Forgot Password?    
        
 
         
        
    
        
        
    
        
         版权 © djc
        
       
      
     
 

mid{
     display: table-cell;    vertical-align: middle;    text-align: center;}.ads{
       color: darkcyan;}.abc{
       background:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1509126419578&di=6142001e3a66f610415e56a1d6ae5cb3&imgtype=0&src=http%3A%2F%2F2t.5068.com%2Fuploads%2Fallimg%2F160627%2F65-16062G52344.jpg);    background-size: 100% 100%;    background-attachment: fixed;}.touming{
       filter:alpha(Opacity=90);-moz-opacity:0.5;opacity: 0.5;     color: black;}.body {
       font-size: large;    filter:alpha(Opacity=90);-moz-opacity:0.5;opacity: 0.5;     color: black;}

function myLogin() {            var oUname=document.getElementById("uname");            var oUpass=document.getElementById("upass");            var oError=document.getElementById("error_box");            oError.innerHTML="
";            if (oUname.value.length<6||oUname.value.length>20){                oError.innerHTML="用户名需要大于6或者用户名需要小于20.";                return;            }else if ((oUname.value.charCodeAt(0)>=48)&&(oUname.value.charCodeAt(0)<=57)){                oError.innerHTML="用户名首字母不能为数字";                return;            }else for(var i=0;i
     
      57)&&(oUname.value.charCodeAt(i)<97||oUname.value.charCodeAt(i)>122)){                oError.innerHTML="用户名只能由数字和字母组合"}                return;            }            if (oUpass.value.length<6||oUpass.value.length>20 ){                oError.innerHTML="密码需要大于6或者密码需要小于20.";                return;            }            window.alert("LINK START!")        }
     

    
             
         >
Welcome to gzcc
 Management system
     
      
    
       
        
 CREATE ACCOUNT
       
       
    
        
        
    
        
        
    
        
        
    
        Log in     
        
 
         
        
    
        
        
    
        
         版权 © djc
        
       
      
     
 

function myLogin(){            var oUname = document.getElementById("uname");            var oError = document.getElementById("error_box");             var oUpass = document.getElementById("upass");             var  ooUpass= document.getElementById("oupass");            oError.innerHTML = "
"     //oUname        if (oUname.value.length>12 || oUname.value.length<6){            oError.innerHTML = "用户名为6到12位数";            return;         }         else if((oUname.value.charCodeAt(0)>=48) && oUname.value.charCodeAt(0)<=57){            oError.innerHTML = "首字母不能是数字";            return;        } else for(var i=0; i
     
      57)&&(oUname.value.charCodeAt(i)<97 || oUname.value.charCodeAt(i)>122 )){                    oError.innerHTML = "只能包含字母和数字";                    return;                }            }        if(upass.value.length>12 || upass.value.length<6){                oError.innerHTML="密码为6到12位数";                return;            }            if(oUpass.value != ooUpass.value){                oError.innerHTML="两次密码输入不一致";                return;            }             window.alert("已成功注册")        }