有时候我们在注册用户时候我们输入用户名,他会提示用户名已存在,我们该怎么去实现他呢?
我们要实现以下代码:
<script type="text/javascript">
$(function(){
$("填写输入框的ID").blur(function(){
var value=$(this).val();
if(value==""){
$("#msg").html("用户名不为空")
return
}else{
$("#msg").html("")
}
jQuery.ajax({
"async":true, //异步加载
"data":{"填入controller方法的参数名":value}, //参数
"type":"POST",
"url":"访问的controller",
"dataType":"text",
"success":function(data){
var numstr=data;
if (numstr>=1) {
$("#msg").html("用户名已存在");
document.getElementById("btn").disabled = "disabled";
}else{
$("#msg").html("")
}
}
});
});
});
</script>
访问控制器后,控制器去数据库进行查找是否有该用户名的存在,如果有就返回查找的数据结果(根据用户名查找到数据条数),再用异步请求回应:
response.getWriter().write(num+"");
这里只是去接受一个参数,去数据库查找是否有,查找有返回的是共有几条数据,一般查找(唯一)用户名,如果有的话,返回的是1,再返回到界面去判断。
if (numstr>=1) {
$("#msg").html("用户名已存在");
document.getElementById("btn").disabled = "disabled";
}else{
$("#msg").html("")
}
<span id="msg" style="color:red"></span>
如果>1的话,该设置<span>标签元素的html内容为“用户名已存在”