background image

ajax+php 验证用户注册状态

    现在比较流行用 ajax 来验证用户注册程序,关键的好处就是体验度超棒,不用刷新页面

 

即可以判断用户填写的情况是否符合程序标准,其实用

javascrip 来判断验证体验也是不错

 

的,但相对于

ajax 就有点逊色了,ajax 不仅在前台体验上面显示很完美,而且还可以和后

台程序完美的结合,比如验证用户名是否已被注册就是很好的例子了。
   这个是由开源程序 ecshop 里面程序中扣出的用户注册里面的 ajax 验证,有兴趣的朋友可
以下载看看。
    邮件验证和用户验证,这个需要查询数据库,只要在 user.php 里面增加查询就可以了,
里面包含焦点验证和提交后验证,这个小程序基本上实现了前台

ajax 提交验证以及和后台

数据库的完美结合,在此基础上可以修改得更完善一些,让自己的网页也炫起来吧~

效果页面:

共有三个页面,分别来看一下:
register.php  

 

注册的前台页面,同时包含

user.js  

 

ajax  验证页面。

XML/HTML 代码
<script language="javascript">  
  
    document.write("<script src='user.js'><\/script>");   
  
</script>    
<form action="user.php" method="post" name="formUser" onsubmit="return register();">  

<input 

type="text" 

name="username"id="username" 

value="" 

onblur="is_registered(this.value)"/><span 

style="color:#FF0000" 

id="username_notice"> 

*</span><br>  

<input 

type="password" 

name="password" 

id="password"value="" 

onblur="check_password(this.value)"/><span  style="color:#FF0000"  id="password_notice"> 
*</span><br>  
确 认 密 码 :

<input  type="password"  name="conform_password"  id="confirm_password" 

value=""onblur="check_conform_password(this.value)"/><span 

style="color:#FF0000" 

id="conform_password_notice"> *</span><br>  
邮 箱 :

<input  type="text"  name="email"  value=""  onblur="checkEmail(this.value)"/>   <span 

id="email_notice" style="color:#FF0000"> *</span><br>  
电话:

<input type="text" name="tel" value=""><br>  

<input type="submit" name="Submit" value="确定">