当用户名框的数据改变时 执行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. *AtCoder Regular Contest 096F - Sweet Alchemy

    $n \leq 50$的树,每个点有权值,现要选点(可多次选一个点)使点数尽量多,如下限制:选的总权值不超过$C \leq 1e9$:$c_i$表示$i$选的次数,$p_i$表示$i$的父亲,那么$c ...

  2. msp430项目编程33

    msp430中项目---简易示波器系统 1.电路工作原理 2.代码(显示部分) 3.代码(功能实现) 4.项目总结

  3. [转]JVM 堆内存设置原理

    堆内存设置 原理 JVM堆内存分为2块:Permanent Space 和 Heap Space. Permanent 即 持久代(Permanent Generation),主要存放的是Java类定 ...

  4. bootstrap theme & template

    https://wrapbootstrap.com/ Unify http://wrapbootstrap.com/preview/WB0412697 https://htmlstream.com/p ...

  5. 下载安装webstrom及激活

    太久没在新电脑上安装websrtom,又有点忘了咋激活. 一.安装 1.直接在浏览器搜索webstrom,打开官网,直接点击download.如下图 2.打开安装包,开始安装,直接点击 next 3. ...

  6. 关于get请求的乱码问题

    1.使用getBytes() 页面跳转时,参数中含有中文,特殊符号,tomcat的默认编码为ios-8859-1,后台接受中文编码时,使用如下转码 //获取参数 String bname = requ ...

  7. Spring的Bean定义

    以下内容引用自http://wiki.jikexueyuan.com/project/spring/bean-definition.html: Bean定义 被称作bean的对象是构成应用程序的支柱也 ...

  8. systemtap初体验

    https://phpor.net/blog/post/3471 写在前面: systemtap依赖的debuginfo可以从这里(http://debuginfo.centos.org/6/x86_ ...

  9. 用canvas实现一个colorpicker

    http://www.cnblogs.com/ufex/p/6382982.html 每个浏览器都有自己的特点,比如今天要做的colorpicker就是,一千个浏览器,一千个哈姆雷特,一千个color ...

  10. BUPT复试专题—旋转图像(2014)

    题目描述 将一幅只含有01像素点的图片进行顺时针旋转,旋转的角度仅包含0°,90°,180°,270° 输入 第一行一个整数T(<50)表示输入的组数 每组测试数据第一行是两个整数N和M(< ...