js实现登录与注册界面

这篇文章主要为大家详细介绍了js实现登录与注册界面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

用户名6-12位

首字母不能是数字

只能包含字母和数字

密码6-12位

注册页两次密码是否一致

html代码：

nbsp;html>     
 
登陆
 
   
 
   
 

 
  登陆&nbsp&nbsp&nbsp&nbsp   

登录后复制

css代码：

*{ margin: 0; padding: 0; font-family: 微软雅黑; font-size: 12px;}.box{ width: 390px; height: 320px; border: solid 1px #ddd; background: #FFF; position: absolute; left: 50%; top:42%; margin-left: -195px; margin-top: -160px; text-align: center;}.box h2{ font-weight: normal; color:#666; font-size: 16px; line-height: 40px; overflow: hidden; text-align: center; border-bottom: solid 1px #ddd; background: #f7f7f7;}.input_box{ width:350px; padding-bottom: 15px; margin: 0 auto; overflow: hidden;}

登录后复制

javascript代码：

function fnLogin() { var oUname = document.getElementById("uname") var oUpass = document.getElementById("upass") var oError = document.getElementById("error_box") var isError = true; if (oUname.value.length > 20 || oUname.value.length =48) && (oUname.value.charCodeAt(0)57) && (oUname.value.charCodeAt(i)122)){   oError.innerHTML = "必须为字母跟数字组成";   return;  } } if (oUpass.value.length > 20 || oUpass.value.length 
注册界面html代码：
nbsp;html>    
 
  
注册
  
  
账号:     
  
密码:     
  

  
  注册  
  版权信息@ 
登录后复制
运行结果如下：
相关推荐：
实例详解js实现登录与注册界面
 
以上就是js实现登录与注册界面的详细内容，更多请关注【创想鸟】其它相关文章！