当用户名框的数据改变时 执行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. 济南学习 Day 5 T2 晚

    等比数列(sequence) [题目描述] 判断一个数列是否为等比数列. 等比数列的定义为能被表示成a,aq,aq^2,aq^3...的数列,其中a和q不等于0. [输入说明] 输入文件的第一行有一个 ...

  2. HDU 4433 locker（12年天津，DP）

    4576 njczy2010 C Accepted 860 KB 140 ms G++ 2063 B 2014-10-16 09:51:19 哎,为啥1000*100*100的复杂度的dp就不敢敲了呢 ...

  3. poj 3311 状压dp 最短路

    C - Hie with the Pie Time Limit:2000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64 ...

  4. oracle学习笔记（十四） 数据库对象 索引 视图 序列 同义词

    数据库对象 用户模式:指数据库用户所创建和存储数据对象的统称.在访问其它用户模式的数据库对象时需加上用户模式. 如:scott.emp, scott.dept等. 数据库对象包括:表.视图.索引.序列 ...

  5. Ryuji doesn't want to study （树状数组）

    [传送门]:https://nanti.jisuanke.com/t/31460 [题意]给定一个数组a[N],有两种操作, 操作1,给定 l , r,  查询a[l]×L+a[l+1]×(L−1)+ ...

  6. CentOS6.5升级手动安装GCC4.8.2 与 CentOS 6.4 编译安装 gcc 4.8.1

    http://blog.163.com/zhu329599788@126/blog/static/6669335020161179259975 http://www.cnblogs.com/codem ...

  7. BUPT复试专题—图像识别(2014-2)

    题目描述 在图像识别中,我们经常需要分析特定图像中的一些特征,而其中很重要的一点就是识别出图像的多个区域.在这个问题中,我们将给定一幅N xM的图像,其中毎个1 x 1的点都用一个[0, 255]的值 ...

  8. ivy在eclipse中的重新加载

    ivy在eclipse中的重新加载 如果由于网速的原因,导致了ivy没有正常的加载,可以进行ivy的重新加载: 1,右键点击项目,选择属性->Java Build Path->Librat ...

  9. SD卡读写之FileNotFoundException: /storage/emulated/0object.txt: open failed: ENOENT (No such file or dir

    读写sd卡中的文件依照例如以下步骤:1调用Environment的getExternalStorageState()方法推断手机上是否插入了sd卡.而且应用程序具有读写SD卡的能力 //假设手机已经插 ...

  10. Yelp面试题目

    题目:FizzBuzz 从stdin得到数字N(<10^7),然后从打印出从1到N的数字.输出到stdout,假设数字是3的倍数的话就仅仅打印"Buzz",假设数字是5的倍数 ...