JavaScript实现用户登录验证进阶篇

最近刷到有关实现简单的用户登录验证的前端题，由于平时基础实践较少，大多使用框架，特总结此博客：

一、先来看一段简单的用户登录验证：

body{
    text-align: center;
}
#content{
    /*水平居中外盒子*/
    display: inline-block; 
    margin-top: 200px;
}
#login{
    /*登录模块水平垂直居中*/
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width:500px;
    height:400px;
    background: grey;
}
#text{
    line-height: 50px;
}

	

		
用户名：
		
密    码：
		登录
	
    

二、再来看稍微复杂一点的使用正则表达式进行登录验证：

.ok {
    color: green;
    border: 1px solid green;
}
.error {
    color: red;
    border: 1px solid red;
}

    

	

	    账号：
	    
	     6-10位字母、数字、下划线
	
	

	    密码：
	    
	    8-20位字母、数字、下划线