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

用户名6-12位

首字母不能是数字

只能包含字母和数字

密码6-12位

注册页两次密码是否一致

 

css文件：

#container{
   width: 400px}#header{
   background-color: coral}#content{
   background-color: aquamarine}#footer{
   background-color: coral}

js文件：

function fnLogin() {    var uSer = document.getElementById("user");    var pAss = document.getElementById("pass");    var oError = document.getElementById("error_box");    oError.innerHTML = "
";    // 验证用户名    if (uSer.value.length < 6 || uSer.value.length > 20) {        oError.innerHTML = "用户名只能6-20位";        return    } else if ((uSer.value.charCodeAt(0) >= 48) && (uSer.value.charCodeAt(0) <= 57)) {        oError.innerHTML = "用户名首字母不能是数字";        return    } else for (var i = 0; i < uSer.value.length; i++) {        if ((uSer.value.charCodeAt(i) < 48) || (uSer.value.charCodeAt(i) > 57) && (uSer.value.charCodeAt(i) < 97) || (uSer.value.charCodeAt(i) > 122)) {            oError.innerHTML = "用户名只能由数字和字母组成";            return        }    }    // 验证密码    if (pAss.value.length < 6 || pAss.value.length > 20) {        oError.innerHTML = "密码只能6-20位";        return    }    // 验证弹框    window.alert("登陆成功！")}function fnRegistration() {    var uSer = document.getElementById("user");    var pAss = document.getElementById("pass");    var aGain = document.getElementById("again");    var oError = document.getElementById("error_box");    oError.innerHTML = "
";    // 验证用户名    if (uSer.value.length < 6 || uSer.value.length > 20) {        oError.innerHTML = "用户名只能6-20位";        return    } else if ((uSer.value.charCodeAt(0) >= 48) && (uSer.value.charCodeAt(0) <= 57)) {        oError.innerHTML = "用户名首字母不能是数字";        return    } else for (var i = 0; i < uSer.value.length; i++) {        if ((uSer.value.charCodeAt(i) < 48) || (uSer.value.charCodeAt(i) > 57) && (uSer.value.charCodeAt(i) < 97) || (uSer.value.charCodeAt(i) > 122)) {            oError.innerHTML = "用户名只能由数字和字母组成";            return        }    }    // 验证密码    if (pAss.value.length < 6 || pAss.value.length > 20) {        oError.innerHTML = "密码只能6-20位";        return    }    // 验证再次输入的密码    if (aGain.value != pAss.value) {        oError.innerHTML = "密码不一致";        return    }    // 验证弹框    window.alert("注册成功！")}

登陆页面html：

    
             
         
     
    
      
       
请登录
      
    
      
        
       
                    Username：
                    
        
            Password：
                    
        
            
        student            
        teacher            
        
            
        记住我            
        
            
        
         
        
            
                     
        registration                            
        忘记密码？        
       
    
      
    
      
       
版权@lin
      
     

注册页面html：

    
             
         
     
    
      
       
注册
      
    
      
        
       
            
        
Username：
            
        
                            
            
        
Password：
            
        
                            
            
        
Lnput again：
            
        
                            
            
        
                student                teacher            
            
        
         
        
            
        
                            
        
       
    
      
    
      
       
版权@lin
      
     

当首字母有数字时：

顺利登陆时：

当密码输入不一致时：

注册成功时：