.success{color:green;font-size:10px;
}.fail{color:red;font-size:10px;
}span{color:gray;font-size:10px;
}
functioncheckUser() {varuValue=document.getElementById("user").value;varuSpan=document.getElementById("uSpan");varreg= /^[a-zA-Z]\w{5,9}$/;if(reg.test(uValue)) {
uSpan.innerText= "√用户名可以使用";
uSpan.className= "success";return true;
}else{
uSpan.innerText= "×用户名不满足条件";
uSpan.className= "fail";return false;
}
}functioncheckPsd() {varpValue=document.getElementById("password").value;varpsdSpan=document.getElementById("pSpan");varreg= /^(?![a-zA-Z]+$)(?![0-9]+$)[a-zA-Z0-9]{6,20}$/;if(reg.test(pValue)) {
psdSpan.innerText= "√密码可以使用";
psdSpan.className= "success";return true;
}else{
psdSpan.innerText= "×密码不满足条件";
psdSpan.className= "fail";return false;
}
}functioncheckRePsd() {varpValue=document.getElementById("password").value;varrepValue=document.getElementById("rePassword").value;varrePsdSpan=document.getElementById("repSpan");if(pValue==repValue) {
rePsdSpan.innerText= "√密码相同";
rePsdSpan.className= "success";return true;
}else{
rePsdSpan.innerText= "×密码不同";
rePsdSpan.className= "fail";return false;
}
}functioncheckEmail() {varreg= /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;vareValue=document.getElementById("email").value;varemailspan=document.getElementById("eSpan");if(reg.test(eValue)) {
espan.innerText= "√邮箱可以使用";
espan.className= "success";return true;
}else{
espan.innerText= "邮箱不满足条件";
espan.className= "fail";return false;
}
}functioncheckphone() {varreg= /^[1][3,4,5,7,8][0-9]{9}$/;varphVlaue=document.getElementById("phone").value;varphspan=document.getElementById("phspan");if(reg.test(phVlaue)) {
phspan.innerText= "√手机号可以使用";
phspan.className= "success";return true;
}else{
phspan.innerText= "手机号不满足条件";
phspan.className= "fail";return false;
}
}//提交判断
functioncheckForm(){returncheckUser()&&checkPsd()&&checkRePsd()&&checkEmail()&&checkphone();
}
用户名:*用户名不能为空,由字母或数字或下划线组成6-10位
密码:*密码必须6~20位,由字母数字共同组成
确认密码:*两次密码必须相同
邮箱:*请输入邮箱
手机号码:*请输入手机号码