国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > php开源 > php教程 > Ajax用户注册验证

Ajax用户注册验证

来源:程序员人生   发布时间:2014-03-10 23:50:11 阅读次数:3509次

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 id="reg"> 
  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 id="username" onblur="chkusername(this)"  
  19.       name="username"> 
  20.             <span id="username_notice" >*</span></td> 
  21.       </tr> 
  22.       <tr> 
  23.         <td align=right><strong>email:</strong></td> 
  24.         <td><input id="email" 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 id="password" 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 id=pwd_lower width="33%"></td> 
  40.               <td id=pwd_middle width="33%"></td> 
  41.               <td id=pwd_high width="33%"></td> 
  42.             </tr> 
  43.           </tbody> 
  44.         </table></td> 
  45.       </tr> 
  46.       <tr> 
  47.         <td align=right><strong>确认密码:</strong></td> 
  48.         <td><input id="conform_password" 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> 
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生