<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>