html账号密码验证,网页用户名密码验证系统

登陆验证

/*验证成功的样式*/

.ok{

color:green;

border:1px solid green;

}

.error{

color:red;

border:1px solid red;

}

function check_name(){

//校验账号的格式

var code=document.getElementById("code").value;

var span=document.getElementById("code_msg");

//判断账号的格式

var reg=/^\w{6,20}$/;

//格式不对要给span加上error样式，正确加上OK样式

if(reg.test(code)){

//className就是元素的class

span.className="ok";

span.innerHTML="格式正确";

return true;

}else{

span.className="error";

span.innerHTML="非法输入";

return false;

}

}

function check_pwd(){

//校验账号的格式

var pwd=document.getElementById("pwd").value;

var span=document.getElementById("pwd_msg");

//判断账号的格式

var reg=/^\w{8,16}$/;

//格式不对要给span加上error样式，正确加上OK样式

if(reg.test(pwd)){

//className就是元素的class

span.className="ok";

span.innerHTML="格式正确";

return true;

}else{

span.className="error";

span.innerHTML="非法输入";

return false;

}

}

账号：

6~20位字母数字组成的

密码：

8-16位字母数字下划线的组合