Ajax用户注册验证

Ajax用户注册验证 本文章是一款完整的Ajax用户注册验证实例代码,利用了ajax php实现在用户输入完用户名了就验证这个用户名是否被注册了,然后给出正确的提示。

  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=gbk">
  4. <title>ajax用户注册验</title>
  5. <link href="style.css" rel="stylesheet" type="text/css">
  6. <script language="script" type="text/javascript" src="from_ck.js"></script>
  7. </head>
  8. <body>
  9. <div >
  10. <h1>ajax用户注册验证</h1>
  11. <form name="formuser" onsubmit="return register();" action=user.php
  12. method=post>
  13. <br>
  14. <table width="100%" align=center border=0>
  15. <tbody>
  16. <tr>
  17. <td align=right width="15%"><strong>用户名:</strong></td>
  18. <td width="57%"><input onblur="chkusername(this)"
  19. name="username">
  20. <span >*</span></td>
  21. </tr>
  22. <tr>
  23. <td align=right><strong>email:</strong></td>
  24. <td><input onblur="checkemail(this)" name="email">
  25. <span id=email_notice >*</span></td>
  26. </tr>
  27. <tr>
  28. <td align=right><strong>密码:</strong></td>
  29. <td><input onblur="check_password(this)"
  30. onkeyup="checkintensity(this.value)" type="password" name="password">
  31. <span
  32. id=password_notice >*</span></td>
  33. </tr>
  34. <tr>
  35. <td align=right><strong>密码强度:</strong></td>
  36. <td><table cellspacing=0 cellpadding=1 width=145 border=0>
  37. <tbody>
  38. <tr align=middle>
  39. <td 33%">弱</td>
  40. <td 33%">中</td>
  41. <td 33%">强</td>
  42. </tr>
  43. </tbody>
  44. </table></td>
  45. </tr>
  46. <tr>
  47. <td align=right><strong>确认密码:</strong></td>
  48. <td><input onblur="check_conform_password(this)"
  49. type="password" name="confirm_password">
  50. <span id=conform_password_notice >*</span></td>
  51. </tr>
  52. <tr>
  53. <td align=right><strong>msn:</strong></td>
  54. <td><input name=other[msn]> </td>
  55. </tr>
  56. <tr>
  57. <td align=right><strong>qq:</strong></td>
  58. <td><input name=other[qq]> </td>
  59. </tr>
  60. <tr>
  61. <td align=right><strong>办公电话:</strong></td>
  62. <td><input name=other[office_phone]> </td>
  63. </tr>
  64. <tr>
  65. <td align=right><strong>家庭电话:</strong></td>
  66. <td><input name=other[home_phone]> </td>
  67. </tr>
  68. <tr>
  69. <td align=right><strong>手机:</strong></td>
  70. <td><input name=other[mobile_phone]> </td>
  71. </tr>
  72. <tr>
  73. <td>&nbsp;</td>
  74. <td><label>
  75. <input type="checkbox" checked value="1" name="agreement" onblur="check_agreement(this)">
  76. <b>我已看过并接受《<a href="#">用户协议</a>》<span id=agreement_notice >*</span></b></label></td>
  77. </tr>
  78. <tr>
  79. <td ><input type=hidden value=act_register name=act></td>
  80. <td ><input type=submit value=确认注册&nbsp;&nbsp;&nbsp; name="submit1" class="anniu" disabled></td>
  81. </tr>
  82. <tr>
  83. <td colspan=2>&nbsp;</td>
  84. </tr>
  85. </tbody>
  86. </table>
  87. </form>
  88. </div>
  89. </body>
  90. </html>