Javascript检测用户注册信息

<html>

    <head>

        <title>用户注册</title>

        <meta http-equiv="content-type" content="text/html;charset=gb2312">

        <script language="javascript" type="text/javascript">

        <!--

            //定义用于存储XMLHttpRequest对象的变量

            var xmlHttp = null;  

            //创建XMLHttpRequest对象

            function creatXMLHTTP()

            {

                //判断浏览器是否支持ActiveX控件

                if(window.ActiveXObject)

                {

                    //将所有可能出现的ActiveXObject版本都放在一个数组中

                    var arrXmlHttpTypes = ['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0',,'MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];

                    //通过循环创建XMLHttpRequest对象

                    for(var i=0;i<arrXmlHttpTypes.length;i++)

                    {

                        try

                        {

                            //创建XMLHttpRequest对象

                            xmlHttp = new ActiveXObject(arrXmlHttpTypes[i]);

                            //如果创建XMLHttpRequest对象成功，则跳出循环

                            break;

                        }

                        catch(ex)

                        {

                        }

                    }

                }

                //判断浏览器是否将XMLHttpRequest作为本地对象实现

                else if(window.XMLHttpRequest)

                {

                    xmlHttp = new XMLHttpRequest();

                }

            }  

            //响应XMLHttpRequest对象状态变化的函数

            function httpStateChange()

            {

                if (xmlHttp.readyState==4)

                {

                    if (xmlHttp.status==200 || xmlHttp.status==0)

                    {

                        //获得服务器返回的数据

                        var userNames = xmlHttp.responseText;

                        var arrUserName = userNames.split(";");

                        //定义一个变量，用于判断用户名是否已经存在

                        var bFlag = false;  

                        for (i=0;i<arrUserName.length;i++)

                        {

                            if (arrUserName[i]==myForm.myName.value)

                            {

                                bFlag = true;

                                break;

                            }

                        }  

                        //查找节点

                        var node = document.getElementById("myDiv");

                        //更新数据

                        if (bFlag)

                        {

                            node.firstChild.nodeValue = "用户名已经存在";

                            myForm.submitButton.disabled = true;

                        }

                        else

                        {

                            node.firstChild.nodeValue = "用户名不存在，可以使用";

                            myForm.submitButton.disabled = false;

                        }

                    }

                }

            }  

            //校验用户名是否有效

            function checkName()

            {

                //创建XMLHttpRequest对象

                creatXMLHTTP();

                if (xmlHttp!=null)

                {

                    //创建响应XMLHttpRequest对象状态变化的函数

                    xmlHttp.onreadystatechange = httpStateChange;

                    //创建HTTP请求

                    xmlHttp.open("get","userName.txt",true);

                    //发送HTTP请求

                    xmlHttp.send(null);

                }

                else

                {

                    alert("您的浏览器不支持XMLHTTP，请更换浏览器后再进行注册。");

                }

            }

        -->

        </script>

    </head>

    <body>

        <p align="center"><b>用户注册</b></p>

        <form name="myForm">

            用户名：<input type="text" name="myName" onblur="checkName()">

            <span id="myDiv">&nbsp;</span><br>

            输入登录密码：<input type="password" name="password1"><br>

            再次输入密码：<input type="password" name="password2"><br>

            密码查询问题：<input type="text" name="problem"><br>

            密码查询答案：<input type="text" name="key"><br>

            <input type="button" value="提交" name="submitButton" disabled>

        </form>

    </body>

</html>

userName.txt
巴特西

Javascript检测用户注册信息

最新文章

热门文章
