<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检测用户注册信息的更多相关文章

  1. Javascript检测浏览器对CSS属性的支持 /* supports */

    //检测浏览器对CSS属性的支持 supports = (function() { var div = document.createElement('div'), vendors = 'Khtml ...

  2. JavaScript检测之basevalidate.js

    上篇文章「JavaScript检测原始值.引用值.属性」中涉及了大量有用的代码范例,为了让大家更方便的使用这些代码,博主特意把这些代码重新整理并托管到 GitHub,项目地址是:https://git ...

  3. javascript检测当前浏览器是否为微信浏览器

    <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...

  4. 如何用Javascript检测到所有的IE版本

    如何用Javascript检测到所有的IE版本 function GetIEVersion() { var sAgent = window.navigator.userAgent; var Idx = ...

  5. JavaScript检测数据类型

    JavaScript检测数据类型 标签(空格分隔): JavaScript function valType(value) { return Object.prototype.toString.cal ...

  6. 用 JavaScript 检测浏览器在线/离线状态（JavaScript API — navigator.onLine）

    如今HTML5 移动应用或 Web app 中越来越普遍的使用了离线浏览技术,所以用 JavaScript 检测浏览器在线/离线状态非常常见. 无论浏览器是否在线,navigator.onLine 属 ...

  7. 使用JavaScript实现录入信息生成名片

    首先是布局: 一个大的盒子模型套两个小的盒子模型:左边是录入信息生成界面,右边是名片显示界面. 框架: 这里新建一个css文件,用于外部链接使用装饰 /*最外层div,主框架*/ .frame{ wi ...

  8. Java Web开发技术教程入门-项目-读取用户注册信息

    昨天说要补个项目来巩固下这几天学的知识,于是今天咱们就写一个读取用户注册信息的小项目.读取用户信息注册信息这个功能在各大网站都是很常见的.好,话不多说.开始我们的编程之旅! 软件环境:JDK9.0  ...

  9. 文件上传——客户端检测绕过(JavaScript检测）(一）

    前言 通常再一个web程序中,一般会存在登陆注册功能,登陆后一般会有上传头像等功能,如果上传验证不严格就可能造成攻击者直接上传木马,进而控制整个web业务控制权.下面通过实例,如果程序只进行了客户端J ...

随机推荐

  1. Boost_udp错误

      注意一点:当我们不同PC机间进行通信的时候,IP和端口号是不一样的.之前遇到的问题是,boost_system_error,这是因为我们在写程序的时候,发送和接收绑定了同一个端口,导致程序出错. ...

  2. Zxing二维码重复扫描，不退出。

    扫描条码,把手机实现类似超市扫描枪之类的连续扫描. private void continuePreview(){ SurfaceView surfaceView = (SurfaceView) fi ...

  3. 免费Flash图表工具FusionChart

    图表显示是很多开发工作所必不可少的一项功能,今天我介绍一个前段时间发现的免费的Flash图表开发工具,可以通过Adobe Flash实现数据的图表化,动态化以及相互交互. FusionChart是一个 ...

  4. java加解密操作过程中的中文乱码问题

    import javax.crypto.Cipher; import javax.crypto.KeyGenerator; import javax.crypto.SecretKey; import ...

  5. <实训|第二天>掌握linux6.7中安装vmware、vmware安装linux发行版本以及遇到的问题最后libreoffice的安装

    期待已久的linux运维.oracle"培训班"终于开班了,我从已经开始长期四个半月的linux运维.oracle培训,每天白天我会好好学习,晚上回来我会努力更新教程,包括今天学到 ...

  6. 『.Net』微软家的女儿们

    在博客园看到了 一篇文章 <.NET4.0框架退休日期逐渐临近> 写下了这篇文章 —— 记录我和 .Net Framework 的 那些日子. 微软 家有几个 女儿. 2008年,我遇到他 ...

  7. 如何区分 OpenStack Neutron Extension 和 Plugin

    Neutron 里面的 extension 和 plugin 是非常相似的两个概念,我花了好久才貌似搞懂了两者的区别,还不一定完全正确. 在OpenStack 的官网wiki中,可以找到它们两个的定义 ...

  8. 《TCP/IP详解卷1：协议》第6章 ICMP：Internet控制报文协议-读书笔记

    章节回顾: <TCP/IP详解卷1:协议>第1章 概述-读书笔记 <TCP/IP详解卷1:协议>第2章 链路层-读书笔记 <TCP/IP详解卷1:协议>第3章 IP ...

  9. “耐撕”团队 2016.03.30 站立会议

    1. 时间: 16:45--17:05  总计:20分钟 2. 成员: Z 郑蕊 * 组长 (博客:http://www.cnblogs.com/zhengrui0452/), P 濮成林(博客:ht ...

  10. Linux 进程管理器 supervixor

    使用 supervisor 管理进程 http://www.cnblogs.com/smail-bao/p/5673434.html http://ju.outofmemory.cn/entry/20 ...