无刷新判断用户名是否存在

两个页面：

Default.aspx 输入username去验证

checkUser.aspx 处理验证信息

Default页面代码

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无刷新判断用户名是否存在</title>

try
    {
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(err1)
    {
        try
        {
        xmlHttp =new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(err2)
        {
        xmlHttp =new XMLHttpRequest();
        }

}
    var Text1=document.getElementById("Text1");
    var url="checkUser.aspx?userid="+Text1 .value;
    xmlHttp.open("GET",url,true);
    xmlHttp.onreadystatechange=OnHandler;
    xmlHttp.send(null);

    }


    function OnHandler()
    {
        if (xmlHttp.readyState==4)
        {
        var isValid=xmlHttp.responseText;
        var exists=document.getElementById("exsits");
        exists.innerHTML=isValid.substring(0,4);
        }
    }

</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    Only when the input text is "zhangkai" there will be exist.<br />
        <input id="Text1" type="text" onblur="CheckUser()" />

        <label id="exsits" style="color:Red; font-size:10px;"></label><br />
        <button  value="asd" visible="true" type="button" onclick="CheckUser()">Validate</button>
    </div>

    </form>
</body>
</html>

CheckUser页面代码

Code
        if (!Page.IsPostBack)
        {
            if (Request.QueryString["userid"] != null)
            {
                string getUserID = string.Empty;
                getUserID = Request.QueryString["userid"].ToString();

if (getUserID.Equals("zhangkai"))
                {
                    Response.Write("存在");
                }
                else
                {
                    Response.Write("不存在");

}
}
}

关于 ActiveXObject函数请见上篇文章 ActiveXObject函数【转】

转载于:https://www.cnblogs.com/beyond0309/archive/2009/11/02/1594876.html

无刷新判断用户名是否存在相关推荐

Ajax+asp.net无刷新验证用户名
注册用户页面代码如下 <script language="javascript" type="text/javascript"> var xmlHt ...
AJAX+JavaScript无刷新检查用户名
AJAX+JavaScript无刷新检查用户名是否可用2009-04-20 16:26 JavaScript 和 Ajax 代码 <script language="javascr ...
xmlHttpRequest无刷新验证用户名
现在好多网站上的注册都用了无刷新验证用户名,这种效果咋看感觉很复杂很难实现,其实它里面用到了Ajax中的核心xmlHttpRequest这个类,如果只是单单想实现这个效果,压根就不用引用Ajax.Ne ...
Ajax+asp.net无刷新验证用户名的几种方法
Ajax+asp.net无刷新验证用户名注册用户页面代码如下 <script language="javascript" type="text/javascrip ...
【转】无刷新验证用户名可用性
在用户注册时,我们经常需要检查用户名是否存在,本文就是实现无刷新验证用户名打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx 代码如下: V ...
XMLHttpRequest实现无刷新验证用户名
在用户注册时,我们经常需要检查用户名是否存在,本文就是实现无刷新验证用户名打开开发环境VS 2005,新建项目(或打开现有项目),新建一个Web窗体,命名为 Default.aspx 代码如下: & ...
AJAX(三)--实例无刷新验证用户名是否存在
我们知道在注册淘宝账户时,当我们注册的账户名与其他人同名的时候,系统会自动的给出提示,并且给出推荐使用的账户名,并没有完全的刷新整个页面,而是悄悄的向服务器端发送请求进行验证,让我们感觉很舒服,这就是 ...
JQuery Ajax后台无刷新验证用户名重复，前台验证两次密码一致，后台创建并验证验证码
写在前面写web 的人,我想最先要解决的就是注册登录的界面了,一个小小的界面却包含着各种基本的知识,让我这个新手摸了一天. 效果图知识 1.bootstrap渲染表单 2.JQuery ajax验 ...
html js更新数据不刷新页面,用javascript实现无刷新更新数据
程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务器重新提取数据后反馈给用户. window.clearInterval与window.setInterva ...

无刷新判断用户名是否存在

无刷新判断用户名是否存在相关推荐

最新文章

热门文章