ajax实现实时校验

您所在的位置：网站首页 › ajax验证用户名重复异步 › ajax实现实时校验

ajax实现实时校验

#ajax实现实时校验| 来源: 网络整理| 查看: 265

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

我们要实现以下代码：

$(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("") } } }); }); });

访问控制器后，控制器去数据库进行查找是否有该用户名的存在，如果有就返回查找的数据结果（根据用户名查找到数据条数），再用异步请求回应：

response.getWriter().write(num+"");

这里只是去接受一个参数，去数据库查找是否有，查找有返回的是共有几条数据，一般查找（唯一）用户名，如果有的话，返回的是1，再返回到界面去判断。

if (numstr>=1) { $("#msg").html("用户名已存在"); document.getElementById("btn").disabled = "disabled"; }else{ $("#msg").html("") }

如果>1的话，该设置标签元素的html内容为“用户名已存在”

【本文地址】

ajax实现实时校验

ajax实现实时校验

今日新闻

推荐新闻