ajax+php 验证用户注册状态

现在比较流行用 ajax 来验证用户注册程序,关键的好处就是体验度很好,不用刷新页面即可以判断用户填写的情况是否符合程序标准,其实用 javascrip 来判断验证体验也是不错的,但相对于 ajax 就有点逊色了,ajax不仅在前台体验上面显示很完美,而且还可以和后台程序完美的结合,比如验证用户名是否已被注册就是很好的例子了。

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

</form>

现在比较流行用 ajax 来验证用户注册程序,关键的好处就是体验度很好,不用刷新页面即可以判断用户填写的情况是否符合程序标准,其实用 javascrip 来判断验证体验也是不错的,但相对于 ajax 就有点逊色了,ajax不仅在前台体验上面显示很完美,而且还可以和后台程序完美的结合,比如验证用户名是否已被注册就是很好的例子了。

user.php 页面，这里只给出了一个小实例来验证接受过来的用户名，可以自行更改一下与数据库的链接

PHP代码

<?php

$action = isset($_REQUEST['act']) ? trim($_REQUEST['act']) : 'default';

if ($action == 'is_registered')

{

$username = trim($_GET['username']);

if ($_GET['username']=='http://www.77cn.com.cn')

{

echo 'flase';

}

else

{

echo 'true';

}

}

if($action == 'check_email')

{

$email = trim($_GET['email']);

echo 'true';

}

?>

user.js页面：ajax 技术的核心文件了，实时进行验证用户名，密码，邮箱，电话等状态 Javascript代码

/**

*（http://www.77cn.com.cn）

* @file transport.js

* @description 用于支持AJAX的传输类。

* @author ECShop R&D Team ( http://www.77cn.com.cn/ )

* @date 2007-03-08 Wednesday

* @license Licensed under the Academic Free License 2.1 http://www.77cn.com.cn/licenses/afl-2.1.php

* @version 1.0.20070308

**/

var Transport =

{

/* *

* 存储本对象所在的文件名。

*

* @static

*/

filename : "transport.js",

现在比较流行用 ajax 来验证用户注册程序,关键的好处就是体验度很好,不用刷新页面即可以判断用户填写的情况是否符合程序标准,其实用 javascrip 来判断验证体验也是不错的,但相对于 ajax 就有点逊色了,ajax不仅在前台体验上面显示很完美,而且还可以和后台程序完美的结合,比如验证用户名是否已被注册就是很好的例子了。

/* *

* 存储是否进入调试模式的开关，打印调试消息的方式，换行符，调试用的容器的ID。 *

* @private

*/

debugging :

{

isDebugging : 0,

debuggingMode : 0,

linefeed : "",

containerId : 0

},

/* *

* 设置调试模式以及打印调试消息方式的方法。

*

* @public

* @param {int} 是否打开调试模式 0：关闭，1：打开

* @param {int} 打印调试消息的方式 0：alert，1：innerHTML

*

*/

debug : function (isDebugging, debuggingMode)

{

this.debugging =

{

"isDebugging" : isDebugging,

"debuggingMode" : debuggingMode,

"linefeed" : debuggingMode ? "<br />" : "\n",

"containerId" : "dubugging-container" + new Date().getTime()

};

},

/* *

* 传输完毕后自动调用的方法，优先级比用户从run()方法中传入的回调函数高。 *

* @public

*/

onComplete : function ()

{

},

/* *

* 传输过程中自动调用的方法。

现在比较流行用 ajax 来验证用户注册程序,关键的好处就是体验度很好,不用刷新页面即可以判断用户填写的情况是否符合程序标准,其实用 javascrip 来判断验证体验也是不错的,但相对于 ajax 就有点逊色了,ajax不仅在前台体验上面显示很完美,而且还可以和后台程序完美的结合,比如验证用户名是否已被 …… 此处隐藏：14943字，全部文档内容请下载后查看。喜欢就下载吧 ……