取出用户名中的值,让后台来判断一下是不是存在,把信息返回给前端,前端显示,用ajax就可以了:
成都创新互联公司是一家专业提供农安企业网站建设,专注与成都做网站、网站制作、成都外贸网站建设、HTML5、小程序制作等业务。10年已为农安众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
$('#btn').bind('click', function(event) {
//取出你用户名
var username = $('#username').val();
$.ajax({
url: '/path/to/file',
dataType: 'json',
data: {username: username},
success : function(obj){
//obj是返回的信息,说明用户名是不是存在
//执行你想要的操作
}
})
});
jquery调用ajax,调用后台方法判断用户名是否重复。验证的话,varusername=$("#username").val();if(username==""){returnfalse;}上面为验证不能为空
$('#username').blur(function(){
$.ajax({
url:从数据库验证用户是否重复的action地址,
type:'POST',
data:{username:username},
dataType:'json',
success:function(jsonData){
if (jsonData == null) {
$(“#tips”).html('查询用户名列表错误');
}else if (jsonData.result == "true") {
$(“#tips”).html('用户名重复');
}else if(jsonData.result == "false") {
$(“#tips”).html('恭喜你,用户名可以使用');
}
},
error:function(jsonData){
}
});
});