注册登录

【Ajax】Ajax实现异步刷新验证用户名是否已存在的具体方法-异步-验证用户名

时间:2016-02-15 21:50 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【Ajax实现异步刷新验证用户名是否已存在的具体方法】，下面是详细的讲解！

Ajax实现异步刷新验证用户名是否已存在的具体方法

<html>
    <head>
        <title>Ajax</title>
        <script type="text/javascript">
            function loadXMLDoc() {
                if (document.getElementById("account").value=="") {
                    document.getElementById("accDiv").innerHTML="用户名不能为空";
                    return;
                }
                var xmlHttp;
                if(window.XMLHttpRequest) { // code for IE7+
                    xmlHttp=new XMLHttpRequest();
                }
                else { // code for IE5/IE6
                    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlHttp.onreadystatechange=function () {
                    if (xmlHttp.readyState==4 && xmlHttp.status==200) {
                        //document.getElementById("myDiv").innerHTML=xmlHttp.responseText;
                        if (xmlHttp.responseText=="true") {
                            document.getElementById("accDiv").innerHTML="用户名不可用";
                        }
                        else {
                            document.getElementById("accDiv").innerHTML="用户名可用";
                        }
                    }
                }
                var a=document.getElementById("account").value;
                // get
                xmlHttp.open("GET", "validate.aspx?account=" + a + "&random=" + Math.random, true);
                xmlHttp.send();
            }
            function delData() {
                document.getElementById("account").value="";
                document.getElementById("accDiv").innerHTML="";
            }
        </script>
    </head>
    <body>
        <h3>ajax</h3>
        <table>
            <tr>
                <td>账号：</td><td><input id="account" type="text" onblur="loadXMLDoc();" onfocus="delData();"/></td><td><div id="accDiv"></div></td>
            </tr>
            <tr>
                <td>密码：</td><td><input id="passwd" type="password" /></td>
            </tr>
            <tr>
                <td>确认密码：</td><td><input id="vPasswd" type="password" /></td>
            </tr>
            <tr>
                <td>姓名：</td><td><input id="name" type="text" /></td>
            </tr>
        </table>

    </body>
</html>

关于Ajax实现异步刷新验证用户名是否已存在的具体方法的用户互动如下：

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

　　相关问题：

　　答： >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【Ajax】Ajax实现异步刷新验证用户名是否已存在的具体方法-异步-验证用户名

Ajax实现异步刷新验证用户名是否已存在的具体方法

关于Ajax实现异步刷新验证用户名是否已存在的具体方法的用户互动如下：

第一章 ASP.NET 教程（基础）

第二章 ASP.NET 教程（高级）

【Ajax】Ajax实现异步刷新验证用户名是否已存在的具体方法-异步-验证用户名

Ajax实现异步刷新验证用户名是否已存在的具体方法

关于Ajax实现异步刷新验证用户名是否已存在的具体方法的用户互动如下：

第一章 ASP.NET 教程 （基础）

第二章 ASP.NET 教程（高级）

第一章 ASP.NET 教程（基础）