ajax 用户验证

 2009-03-30

 

 

<script type="text/javascript">
function validate()
{

   var idField = document.getElementById("userid"); 
   var url = "validate.jsp?id="+escape(idField.value);
   if(window.XMLHttpRequest)
   {
     req = new XMLHttpRequest();
   }else if(window.ActiveXObject)
   {
     req = new ActiveXObject("Microsoft.XMLHttp");
   }
   req.open("Get",url,true);
   req.onreadystatechange = callback;
   req.send(null);  
}
function callback()
{
    if(req.readyState == 4)
    {
       if(req.status == 200)
       {
         var msg = req.responseXML.getElementsByTagName("msg")[0];
         setMsg(msg.childNodes[0].nodeValue);         
       }     
    }  
}

function setMsg(msg)
{       
      if(msg == "valid")
       document.getElementById("usermsg").innerHTML = "<font color='green'>可以使用</font>";
       else
       document.getElementById("usermsg").innerHTML = "<font color='red'>用户名无效</font>";
}
</script>
 </head>
 <body>

  <form action="loginOk.jsp" method="post">
   用 户 名:
   <input type="text" name="username" id="userid" οnblur="validate()"><div id="usermsg"> </div>   
   <br>
   密 码:
   <input type="text" name="password">
   <br>
  </form>
 </body>

 ------------------------------------------------------------------------------------

validate.jsp

 

------------------------------------------------------------------------------------

<%
     response.setContentType("text/xml");
     response.setHeader("Cache-Control", "no-store");
     response.setHeader("Pragma", "no-cache");
     response.setDateHeader("Expries", 0);
     String username = request.getParameter("id");
     if(username.equals("admin"))
         response.getWriter().write("<msg>invalid</msg>");
     else
       response.getWriter().write("<msg>valid</msg>");
%>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值