<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. GPS坐标换算为百度坐标

    最近在做一个关于手机定位的小应用,需求是这样的,用户通过手机(Wp8)进行二维码扫描操作并且记录用户的当前位置,在PC上可以查看用户所在地图的位置,做法就是在用户扫描条码时,通过手机GPS获取当前在地 ...

  2. MVC3学习：利用mvc3+ajax实现登录

    用到的工具或技术:vs2010,EF code first,JQuery ajax,mvc3. 第一步:准备数据库. 利用EF code first,先写实体类,然后根据实体类自动创建数据库:或者先创 ...

  3. gdb学习

    gdb学习 [参考资料] http://www.cnblogs.com/jiu0821/p/4483804.html 程序的运行状态有"运行"."暂停".&qu ...

  4. 移动统计工具Flurry

    网址:http://www.flurry.com/ 1注册和下载对应SDK 2集成SDK 3自定义统计项 至于怎么使用,后期会更新

  5. 20145215实验五 Java网络编程及安全

    20145215实验五 Java网络编程及安全 实验内容 掌握Socket程序的编写: 掌握密码技术的使用: 设计安全传输系统. 实验步骤 本次实验我的结对编程对象是20145208蔡野,我负责编写客 ...

  6. powerdesigner 绘制表关系和导出sql

    1.生成图(A图,B图) 2.创建关系(palette工具栏里有个线条,主表子表关系连接即可,拖动是由顺序的,一对多即从A表往B表连接) 3.这里小说一下   一开始是CDM模式,可以在软件最顶层看到 ...

  7. 同步git修改文件到远端服务器脚本

    #!/usr/bin/perl -w @files=`git status -s` ; @sync_files = (); foreach (@files) { ); # 固定前2个字符为状态 + 1 ...

  8. jdbc基础 (一) MySQL的简单使用

    前段时间学习了jdbc,正好利用这几篇文章总结一下. JDBC 可做三件事:与数据库建立连接.发送操作数据库的语句并处理结果. 而程序首先要做的就是加载数据库驱动,这里我使用的是mysql: Stri ...

  9. UITextField实现左侧空出一定的边距

    就是通过uitextfield的leftview来实现的,同时要设置leftviewmode. 如果设置左右边距,需要再加上rightView功能 -(void)setTextFieldLeftPad ...

  10. 温故知新---重读C#InDepth（二）

    一本好书,或是一本比较有深度的书,就是每次研读的时候都会有新的发现. 好吧,我承认每次读的时候都有泛泛而过的嫌疑~~ 这几年一直专注于C#客户端的开发,逐步从迷迷糊糊,到一知半解,再到自以为是,最后沉 ...