ajax验证用户名密码

 

<script type="text/javascript" src="../jquery-1.3.2.min.js"></script>
 
 
<script type="text/javascript"> 
//效验用户名
$(document).ready(function(){//"$("#userName")"获取imput的对象
  $("#userName").focus(function(){
    $("#userName").css("background-color","#FFFFCC");
  });
  $("#userName").blur(function(){//焦点或者鼠标点击退出了输入框执行下面方法
    $("#userName").css("background-color","#D6D6FF");
    verify();
  });
  $("#orgid").blur(function(){
    verifyORG();
  });
  
});
 
function verify(){
    //1. 获取文本框中的内容
    // docoument.geElementById("userName");   dom的方式
    // Jquery的查找节点的方式 ，参数中的#加上id属性值可以找到一个节点
    // jquery的方法返回的都是jquery的对象，可以继续在上面执行其他的jquery方法
    var jqueryObj = $("#userName");
 
    // 获取节点的值
 
    var userName = jqueryObj.val();
    //2. 将文本框中的数据发送给服务器段的servlet
    $.get("Layout.sp?id=registerVerifyUsr&usrid=" + userName,null,callback);
}
function callback(data){
    //3. 接受服务器返回的数据
   // alert("服务器数据回来啦");
   // alert(data);
    //4. 将服务器返回的数据动态的现实在页面上
    // 找到保存结果信息的节点
    var resultObj = $("#result");
    //动态的改变页面中div节点中的内容
    resultObj.html(data);
 
}
function verifyORG(){
    //1. 获取文本框中的内容
    // docoument.geElementById("userName");   dom的方式
    // Jquery的查找节点的方式 ，参数中的#加上id属性值可以找到一个节点
    // jquery的方法返回的都是jquery的对象，可以继续在上面执行其他的jquery方法
    var jqueryObj = $("#orgid");
 
    // 获取节点的值
 
    var orgid = jqueryObj.val();
    //2. 将文本框中的数据发送给服务器段的servlet
    $.get("Layout.sp?id=registerVerifyORG&orgid=" + orgid,null,callbackORG);
}
function callbackORG(data){
    //3. 接受服务器返回的数据
   // alert("服务器数据回来啦");
   // alert(data);
    //4. 将服务器返回的数据动态的现实在页面上
    // 找到保存结果信息的节点
    var resultObj = $("#resultORG");
    //动态的改变页面中div节点中的内容
    resultObj.html(data.split("]")[1] );
}
 
</script>
 

 

<table><tr id="tr_input_username">
    <td class="td1" align="right" width="258"><font size="2">登录帐号：*</font></td>
    <td class="td2">
        <div class="fle">
    
   <!-- 这个div用于存放服务器的信息，开始为空-->
   <!-- id属性定义是为了利用dom的方式找到某一个节点，进行操作-->
    
            <input type="text" name="usrid" id="userName" value="" class="inp ipt-normal" οnkeyup="value=value.replace(/[^\w\.\/]/ig,'');"  style="ime-mode:disabled;width:205px; " maxlength="18" /> <font size="2">
			</font>        
        </div>
 
    </td>
    <td width="331" align="left" class="td3">
        <div id="result"></div>
        </td>
  </tr>
</table>