ajax表单验证后台用户名是否存在

前端之家收集整理的这篇文章主要介绍了ajax表单验证后台用户名是否存在前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. //以下是ajax部分
  2. varxmlhttp;
  3. functionajaxfun()
  4. {
  5. if(window.XMLHttpRequest)
  6. {//codeforIE7+,Firefox,Chrome,Opera,Safari
  7. xmlhttp=newXMLHttpRequest();
  8. }
  9. else
  10. {//codeforIE6,IE5
  11. xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
  12. }
  13. returnxmlhttp;
  14. }
  15. window.onload=function()
  16. {
  17. document.getElementById("username1").onblur=function()
  18. {
  19. varname=document.getElementsByName("username")[0].value;
  20. xmlhttp=ajaxfun();
  21. xmlhttp.onreadystatechange=check;
  22. //xmlhttp.open("get","http://localhost:8080/ajaxtest/AjaxServlet?username="+name+"&time="+newDate().toTimeString(),true);
  23. //以下是get方法传值
  24. /*xmlhttp.open("get","./AjaxServlet?username="+name+"&time="+newDate().toTimeString(),true);
  25. xmlhttp.send(null);*/
  26. /*
  27. *如果需要像HTML表单那样使用POST传递数据,请使用setRequestHeader()来添加HTTP头。
  28. *然后在send()方法中规定您希望发送的数据:
  29. */
  30. xmlhttp.open("post",true);
  31. xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
  32. xmlhttp.send("a=100&b=222");
  33. }
  34. }
  35. functioncheck()
  36. {
  37. alert(xmlhttp.status);
  38. if(xmlhttp.readyState==4&&xmlhttp.status==200)
  39. {
  40. alert(xmlhttp.status);
  41. document.getElementById("span").innerHTML=xmlhttp.responseText;
  42. }
  43. }
  1. //jsp中的body部分
  2. <body>
  3. <%--<formaction="/ajaxtest/RegisteServlet"method="get">
  4. <formaction=""method="get"enctype="application/x-www-form-urlencoded">
  5. --%>
  6. <formaction="/ajaxtest/RegisteServlet"method="get">
  7. 用户名:<inputtype="text"name="username"id="username1"/><spanid="span"></span><br>
  8. 密码:<inputtype="password"name="userpass"/><br>
  9. 确认密码:<inputtype="password"name="userpass2"/><br>
  10. <inputtype="submit"value="提交"/>
  11. <inputtype="button"name="username"id="username1"value="点击"/>
  12. </form>
  13. </body>

猜你在找的Ajax相关文章