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="确定">