php写一个用户名输入框,thinkphp在做注册页面,当输入框不输入值或已经存在用户名时,在输入框旁提示校验信息...

用ajax搞下就行了，你写个onblur时间，然后在里面写ajax验证就行了

function check(){

var nick = jQuery('#nickname').val();

定义个ID获取到value值；

var oldnick = jQuery('#oldnick').val();

var number=nick.replace(/[^\x00-\xff]/g, "**").length;

if(nick=="")

{

jQuery(".nick_empty").css('display', 'block');

jQuery(".nick_error").css('display', 'none');

jQuery(".nick_err").css('display', 'none');

jQuery(".nick_succ").css('display', 'none');

return false;

}else if(number<4 || number>16){

jQuery(".nick_empty").css('display', 'none');

jQuery(".nick_error").css('display', 'block');

jQuery(".nick_err").css('display', 'none');

jQuery(".nick_succ").css('display', 'none');

return false;

}else if(!/^([\u4E00-\uFA29]|[\uE7C7-\uE7F3]|[\w])*$/.test(nick)){

jQuery(".nick_empty").css('display', 'none');

jQuery(".nick_error").css('display', 'block');

jQuery(".nick_err").css('display', 'none');

jQuery(".nick_succ").css('display', 'none');

return false;

}else{

if(nick==oldnick){

jQuery(".nick_empty").css('display', 'none');

jQuery(".nick_error").css('display', 'none');

jQuery(".nick_err").css('display', 'none');

jQuery(".nick_succ").css('display', 'block');

return true;

}else{

jQuery.ajax({

async:false,

url:'../UserCenter/checknickname',

data:'nick='+nick,

type:'post',

success:function(e){

data=e;

}

});

if(data=='no'){

jQuery(".nick_empty").css('display', 'none');

jQuery(".nick_error").css('display', 'none');

jQuery(".nick_err").css('display', 'none');

jQuery(".nick_succ").css('display', 'block');

return true;

}else{

jQuery(".nick_empty").css('display', 'none');

jQuery(".nick_error").css('display', 'none');

jQuery(".nick_err").css('display', 'block');

jQuery(".nick_succ").css('display', 'none');

return false;

}

}

}

}

取消

评论