用Ajax来进行用户验证

1. <scripttype="text/javascript">
2. functionvalidate()
3. {
4. varidField=document.getElementById("username");
5. //escape函数的作用是将非英文字符转为一种特殊的编码
6. //如果想把一个值放在URL中就用这个函数
7. //alert(idField.value);
8. varurl="validate.jsp?username="+escape(idField.value);
9. //不同浏览器生成XMLHttpRequest对象的方法是不一样的
10. if(window.XMLHttpRequest)
11. {
12. req=newXMLHttpRequest();//Escape的浏览器的生成方法
13. }elseif(window.ActiveXObject)
14. {
15. req=newActiveXObject("Microsoft.XMLHttp");//IE的生成方法
16. }
17. req.open("GET",url,true);
18. req.onreadystatechange=callback;//当req的状态发生变化时调用callback函数,
19. //不要写成callback();不能用括号
20. req.send(null);
21. }
22. functioncallback()
23. {
24. if(req.readyState==4)//readyState==4的时候为请求完成
25. {//注意,此时即使是发生错误(如找不到页面),服务器也是会返回4这个值的
26. if(req.status==200)//所以还要判断.当状态==200时为正常返回(如500时是服务器出错)
27. {
28. varmsg=req.responseXML.getElementsByTagName("msg")[0];
29. setMsg(msg.childNodes[0].nodeValue);
30. }
31. }
32. }
34. functionsetMsg(msg)
35. {
36. //alert(msg);
37. if(msg=="invalid")
38. {
39. document.getElementById("usermsg").innerHTML="<fontcolor='red'>用户名无效</font>";
40. }
41. else
42. {
43. document.getElementById("usermsg").innerHTML="<fontcolor='green'>可以注册</font>";
44. }
45. }
46. </script>
48. <tr>
49. <tdwidth="117">用户名：</td>
50. <tdwidth="280"><label>
51. <inputtype="text"name="username"id="username"onblur="validate()">
52. </label>
53. 　　</td>
54. 　　　<td><divid="usermsg"></div></td>放在一个TD中能让其不变形
55. </tr>

validate.jsp页面的全部代码

1. <%
2. //下面的红色的代码照抄就行了
3. response.setContentType("text/xml");
4. response.setHeader("Cache-Control","no-store");
5. response.setHeader("Pragma","no-cache");
6. response.setDateHeader("Expires",0);
8. Stringusername=request.getParameter("username");
9. if(username!=null&&!username.trim().equals(""))
10. {
11. booleanusercheck=com.bjsxt.shopping.util.User.userExist(username);
12. //ifusernameexit,thereturnvalueistrue
13. if(usercheck)
14. {
15. response.getWriter().write("<msg>invalid</msg>");
16. }
17. else
18. {
19. response.getWriter().write("<msg>valid</msg>");
20. }
21. }
22. %>