function?getLen(str){
return?str.replace(/[^\x00-\xff]/g,"aa").length;
}
function?testSame(str){
var?flag?=?true;
var?m?=?str[0];
for(var?i=0;i<str.length;i++){
if(m!=str[i]){
flag?=?false;
}
}
return?flag;
}
window.onload=function(){
var?aInput?=?document.getElementsByTagName("input");
var?name?=?aInput[0];
var?pass?=?aInput[1];
var?passTwo?=?aInput[2];
var?mess?=?document.getElementsByTagName("p");
var?name_mess?=?mess[0];
var?pass_mess?=?mess[1];
var?passTwo_mess?=?mess[2];
var?count_mess?=?document.getElementById("count");
var?aEm?=?document.getElementsByTagName("em");
var?em1?=?aEm[0];
var?em2?=?aEm[1];
var?em3?=?aEm[2];
var?nameLen?=?0;
var?re?=?/[^\w\u4e00-\u9fa5]/g;
//會員名的要求:5-25個字符,一個漢字為兩個字符,推薦使用中文會員名,
//漢字,數(shù)字,下劃線,字母(不區(qū)分大小寫)
//會員名輸入框獲取焦點(diǎn)
name.onfocus?=?function(){
name_mess.style.display?=?"block";
name_mess.innerHTML?=?'<i?class="ati"></i>5-25個字符,一個漢字為兩個字符,推薦使用中文會員名';
}
//會員名輸入字符變化
name.onkeyup?=?function(){
count_mess.style.visibility?=?"visible";
nameLen?=?getLen(this.value);
count_mess.innerHTML?=?nameLen?+"個字符";
if(nameLen?==?0){
count_mess.style.visibility?=?"hidden";
}
}
//會員名輸入框失去焦點(diǎn)
name.onblur?=?function(){
//檢查會員名是否正確
//含有非法字符
if(re.test(this.value)){
name_mess.innerHTML?=?'<i?class="err"></i>名字含有非法字符,不合法!';
}
//不能為空
else?if(this.value?==""){
name_mess.innerHTML?=?'<i?class="err"></i>不能為空!';
}
//長度小于6
else?if(nameLen?<?5){
name_mess.innerHTML?=?'<i?class="err"></i>名字小于5個字符,不合法!';
}
//長度大于25
else?if(nameLen?>25){
name_mess.innerHTML?=?'<i?class="err"></i>名字大小于25個字符,不合法!';
}
//正確
else?{
name_mess.innerHTML?=?'<i?class="ok"></i>OK!';
}
}
//密碼框獲得焦點(diǎn),顯示提示內(nèi)容
pass.onfocus?=?function(){
pass_mess.style.display?=?"block";
pass_mess.innerHTML?=?'<i?class="ati"></i>6-16個字符請使用字母加數(shù)字或符號的組合密碼,不能單獨(dú)使用字母、數(shù)字或符號。';
}
//密碼輸入字符變化,em會變化
pass.onkeyup?=?function(){
//密碼長度大于5的時候?yàn)橹校笥?0為強(qiáng)
if(this.value.length>5){
em2.className="active";
passTwo.removeAttribute("disabled");
passTwo_mess.style.display="block";
}else
{
em2.className="";
passTwo.setAttribute("disabled");
passTwo_mess.style.display="none";
}
if(this.value.length>10){
em3.className="active";
}else?{
em3.className="";
}
}
//會員名輸入框失去焦點(diǎn)
pass.onblur?=?function(){
var?reg1?=?/[^0-9]/g;
var?reg2?=?/[^a-zA-Z]/g;
//密碼不能為空
if(this.value==""){
pass_mess.innerHTML?=?'<i?class="err"></i>密碼不能為空!';
}?
//長度應(yīng)為6-16個字符
else?if(this.value.length<6?||?this.value.length>16){
pass_mess.innerHTML?=?'<i?class="err"></i>長度應(yīng)為6-16個字符!';
}
//不能使用相同的字符
else?if(testSame(this.value)){
pass_mess.innerHTML?=?'<i?class="err"></i>不能使用相同的字符!';
}
//不能全部為數(shù)字
else?if(!reg1.test(this.value)){
pass_mess.innerHTML?=?'<i?class="err"></i>不能全為數(shù)字!';
}
//不能全部為字母
else?if(!reg2.test(this.value)){
pass_mess.innerHTML?=?'<i?class="err"></i>不能全為字母!';
}
else?{
pass_mess.innerHTML?=?'<i?class="OK"></i>OK!';
}
//OK
}
passTwo.onblur?=?function(){
if(this.value?!=?pass.value){
passTwo_mess.innerHTML?=?'<i?class="err"></i>兩次輸入的密碼不一致!';
}?
else?{
passTwo_mess.innerHTML?=?'<i?class="OK"></i>OK!';
}
//OK
}
}