ajax实现实时校验

有时候我们在注册用户时候我们输入用户名,他会提示用户名已存在,我们该怎么去实现他呢?

我们要实现以下代码:

<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内容为“用户名已存在”

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值