朋友要实现在注册时，当鼠标离开用户名输入框后，无刷新的判断当前输入的用户名是否已经存在，并给出相应提示信息。我简单的做了个测试，用纯js来实现。
实现思想：
当鼠标离开用户名输入框时，出发onblur事件，执行js函数，向处理程序传递用户名参数，处理程序向数据库中检索此参数（用户名）是否已经存在，并将相应结果反馈到页面中。向处理程序传递参数信息用ajax实现。
部分代码：
aspx页面部分代码：
用户名：<asp:TextBox ID="tbxuname" runat="server" onblur="valdator('loading',this.value);"></asp:TextBox><div id="loading" style="color:Red"></div> |
|
处理程序部分代码：
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
object ouname=context.Request["username"];
if (ouname == null)
{
context.Response.Write("cn-web.com提示：出错了！");
}
else
{
if (ouname.ToString() == "cn-web.com")//这里根据你的实际情况从数据库中检索数据
{
context.Response.Write("cn-web.com提示：你的用户名已经存在！");
}
else
{
context.Response.Write("cn-web.com提示：您的用户名可以使用！");
}
}
}
|
|
js部分代码：
var serverAddress="OP.ashx";//要处理业务的页面地址
//messageID:要显示信息的div的id
//username:要验证的用户名
function getcommondata(messageID,username){
if (username){
username = encodeURIComponent(username);
document.getElementById(messageID).innerHTML="<img src='loading.gif'>";
cache.push("username="+username);
}
if (cache.length > 0){
var cacheEntry = cache.shift();
getAJAX(cacheEntry,messageID);
}
}
|
程序运行效果：
代码下载：
