当用户名框的数据改变时 执行ajax方法

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>添加用户</title>
     <script type="text/javascript">
    //表单为空的验证
     function check()
     {
       
        var a=document.getElementById("account");
        
       if(a.value.length==0)
       {
         alert("用户名不可以为空！");
         a.focus();
         return false;
       }
       var b=document.getElementById("neckname");
       if(b.value.length==0)
       {
         alert("昵称不可以为空！");
         b.focus();
         return false;
       }
       var c=document.getElementById("pwd");
       if(c.value.length==0)
       {
         alert("密码不可以为空！");
         c.focus();
         return false;
       }
       var d=document.getElementById("pwd0");
       if(d.value.length==0)
       {
         alert("确认不可以为空！");
         d.focus();
         return false;
       }
       return true;
     }
     //验证用户名是否存在
     var xmlHttp;
     function isExist()
     {
    
       
       var account=document.getElementById("account");
       
       if(window.ActiveXObject)
       {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
       }
       else
       {
        xmlHttp=new XMLHttpRequest();
       }
     
       var s="checkUser.aspx?id="+document.getElementById("account").value.toString();
          
       xmlHttp.onreadystatechange=handlStateChage;
       xmlHttp.open("GET",s,true);
        
       xmlHttp.send(null);
           
     }
     function handlStateChage()
     {
        
      if(xmlHttp.readyState==4) //代表请求完成，0=未初始化；1=正在加载；2=加载完成;3=交互中；4=完成
        {
          if(xmlHttp.status==200) //请求状态，200表示正常返回
          {
            document.getElementById("result").innerHTML=xmlHttp.responseText;
          }
        }
     }
     
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <table style=" margin:0 auto">
          <tr>
            <td colspan="3" align="center"><h1>添加用户</h1></td>
          </tr>
          <tr>
            <td>用户名：</td>
            <td><input type="text" id="account"  name="account" onchange="isExist();" /></td>
            <td><div id="result" style="color: #FF0000"></div></td>
          </tr>
          <tr>
            <td>昵称：</td>
            <td colspan="2"><input type="text" id="neckname"  name="neckname" /></td>
            
          </tr>
          <tr>
            <td>密码：</td>
            <td colspan="2"><input type="password" id="pwd" name="pwd" /></td>
            
          </tr>
          <tr>
            <td>确认密码：</td>
            <td  colspan="2"><input type="password" id="pwd0" name="pwd0" /></td>
            
          </tr>
          <tr>
            <td colspan="3" align="center">
                <asp:Button ID="okbtn" runat="server" Text="添加" Height="24px" Width="62px" 
                    OnClientClick="return check();" onclick="okbtn_Click" /></td>
           
          </tr>
      </table>
    </div>
    </form>
</body>
</html>

ajax验证用户名 当用户名框的数据改变时 执行ajax方法的更多相关文章

  1. MFC编辑框接收数据动态更新与刷新方法代码示例-如何让编辑框内容实时更新

    MFC编辑框接收数据动态更新与刷新方法代码示例-如何让编辑框内容实时更新 关键代码: //发送数据通知 //from txwtech@163.com LRESULT CCommSampleDlg::O ...

  2. 计算属性 vs 侦听属性 当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的

    https://cn.vuejs.org/v2/guide/computed.html#基础例子 计算属性 vs 侦听属性 Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属 ...

  3. 通过Ajax进行POST提交JSON类型的数据到SpringMVC Controller的方法

    现在在做的项目用到了SpringMVC框架,需要从前端angular接收请求的JSON数据,为了测试方便,所以直接先用AJAX进行测试,不过刚开始用平时用的ajax方法,提交请求会出现415或者400 ...

  4. jquery ajax 后台响应成功，返回正确json但不执行success方法，执行error的问题

    昨天被这问题卡了好几个小时.查看http状态码:是200.而且返回了预想的json字符串.但执行的是error方法,不执行success方法.在网上查了一下,才发现是后台页面返回的json字符串格式不 ...

  5. AJAX载入外部JS文件到页面并让其执行的方法（附源码）

    一. 向HTML页面中动态添加JS文件(从外部载入)并让其执行的两种方法 1.只适用于IE浏览器的简单方法: 先在文档中放置一张JS"空床"并添加ID:<script id= ...

  6. ajax结合sweetalert弹出框删除数据

    思路:

  7. mapreduce数据不平衡时的处理方法

    用mr处理大数据经常遇到数据不平衡的情况,这里的数据不平衡指的是,数据中有少部分key集中了大量的数据,导致其它的reduce都运行完了,只剩几个reduce在跑.这种情况一般有如下三种解决方法(原理 ...

  8. vue中使用watch函数，当数据改变时自动引发事件

    本来我的需求是这样的,使用ElementUI的日期选择器,当日期选择器被更改时需要根据新日期来向服务器获取新数据,但是发现这个日期选择器没有change事件,后来终于发现vue有个watch函数就是用 ...

  9. INotifyPropertyChanged（监听数据），当数据改变时调用

    public class BaseViewModel : INotifyPropertyChanged    {        public event PropertyChangedEventHan ...

随机推荐

  1. 【SPOJ1825】Free tour II （点分治，启发式）

    题意: 边权可能为负 思路: 感觉我自己写的还是太过僵硬了,可以灵活一点,比如可以多写几个不同的dfs求出不同的信息,而不是压到同一个dfs里 #include<cstdio> #incl ...

  2. luogu P1074 靶形数独

    题目描述 小城和小华都是热爱数学的好学生,最近,他们不约而同地迷上了数独游戏,好胜的他 们想用数独来一比高低.但普通的数独对他们来说都过于简单了,于是他们向 Z 博士请教, Z 博士拿出了他最近发明的 ...

  3. java 基础 5 String StringBuffer StringBuilder

    String是不可变的,原因 1是可以缓存hash值,因为String的hash值经常被使用,例如String用作HashMap等.不可变特性  使得hash值不变,因此只需要进行一次计算: 2Str ...

  4. 深入理解javascript之设计模式

    设计模式 设计模式是命名.抽象和识别对可重用的面向对象设计实用的的通用设计结构. 设计模式确定类和他们的实体.他们的角色和协作.还有他们的责任分配. 每个设计模式都聚焦于一个面向对象的设计难题或问题. ...

  5. Oracle RAC环境下怎样更新patch(Rolling Patch)

        Oracle RAC数据库环境与单实例数据库环境有非常多共性,也有非常多异性.对于数据库补丁的更新相同如此.都能够通过opatch来完毕.但RAC环境的补丁更新有几种不同的更新方式,甚至于能够 ...

  6. poj2482--Stars in Your Window(扫描线)

    题目链接:点击打开链接 链接题目大意:给出n个星星的坐标,每一个星星有一个亮度.给出一个矩形的长和宽,问矩形能包含的星星的最大亮度和(不包含边框). 如果每个星星都是矩形的最左下点.那么每个星星都能够 ...

  7. Win10 LTSB版本安装

    win10 LTSB版本可以看作是 win10的阉割版,没有了几乎用不到还占资源的应用商店.小娜.没有了 EDGE只有IE11....云云 下载地址  https://msdn.itellyou.cn ...

  8. BUPT复试专题—数据库检索(2014软院)

    题目描述 在数据库的操作过程中,我们进场会遇到检索操作.这个题目的任务是完成一些特定格式的检索,并输出符合条件的数据库中的所有结果. 我们现在有一个数据库,维护了学生的姓名(Name),性别(Sex) ...

  9. 关于 redux-saga 中 take 使用方法详解

    本文介绍了关于redux-saga中take使用方法详解,分享给大家,具体如下: 带来一个自己研究好久的API使用方法. redux-saga中effect中take这个API使用方式,用的多的是ca ...

  10. 【转】DevOps原则

    DevOps的出现有其必然性.在软件开发生命周期中,遇到了两次瓶颈. 第一次瓶颈是在需求阶段和开发阶段之间,针对不断变化的需求,对软件开发者提出了高要求,后来出现了敏捷方法论,强调适应需求.快速迭代. ...