当用户名框的数据改变时 执行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. 如何让Gridview在没有数据的时候显示表头[没有使用SqlDataSource控件时]

    原文发布时间为:2008-08-03 -- 来源于本人的百度文章 [由搬家工具导入] 要看全文请点击http://blog.csdn.net/windok2004/archive/2007/10/28 ...

  2. Day 12 shell语法及程序若干

    1. 现归纳一下shell中的运算符:       +:对两个变量做加法.    -:对两个变量做减法.    *:对两个变量做乘法.    /:对两个变量做除法.    **:对两个变量做幂运算.  ...

  3. PSO(Thepopularity-similarity-oplimization) modol

    PSO(Thepopularity-similarity-oplimization) modol 在这篇文章里,我们试图将社交关系构成的网络结构从纷繁复杂的具体场景.细节条件中剥离出来,单单从个体间连 ...

  4. 一起来学Spring Cloud | 第五章：熔断器 ( Hystrix)

    在微服务项目中,一个系统可以分割成很多个不同的服务模块,不同模块之间我们通常需要进行相互调用.springcloud中可以使用RestTemplate+Ribbon和Feign来调用(工作中基本都是使 ...

  5. Hadoop 连接mysql

    1 mysql数据导入到hdfs数据 hadoop提供了org.apache.hadoop.io.Writable接口来实现简单的高效的可序列化的协议,该类基于DataInput和DataOutput ...

  6. 修复OS X的Finder中文档 打开方式中重复程序的问题

    如上图,OS X在使用一段时间后,有些软件就会重复注册打开方式,对于有洁癖的人,这是难以接受的事. 不过有个命令可以很简单的把重复项给去掉. /System/Library/Frameworks/Co ...

  7. Android判断屏幕锁屏的方法总结

    由于做一个项目,需要判断屏幕是否锁屏,发现网上方法很多,但是比较杂,现在进行总结一下: 总共有两类方法: 一.代码直接判定 二.接收广播 现在先说第一类方法(代码直接判定): 1.通过PowerMan ...

  8. gdb源码安装，指定使用的python版本

    gdb调试python的时候,需要根据不同的python版本2.6.2.7.3.x安装相应的gdb: 如何指定关联的python版本? 下面gdb源码,解压后,进入目录: ./configure -h ...

  9. Effective C++ Item 47 请使用 traits classes 表现类型信息

    本文为senlie原创.转载请保留此地址:http://blog.csdn.net/zhengsenlie 经验:Traits classes 使得"类型相关信息"在编译期可用.它 ...

  10. 具体解释window.history

    Window.history保存用户在一个会话期间的站点訪问记录,用户每次訪问一个新的URL即创建一个新的历史记录. history.go().history.back().history.forwa ...