PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)


Posted in PHP onDecember 28, 2011

前 言
直接上代码有点不厚道、于是按照天朝传统,整段描述吧。。。。(本人语言表达能力有限,大家忍着看)
功 能
在网站注册用户时使用,主要为了无刷新异步验证用户输入的用户名或者Email是否已注册。
这功能大家肯定见过,大多数网站都有的,我一直对这个功能很感兴趣,所以这几天研究了下 jQuery + Ajax
整了一个功能不算完善,但足以应付普通使用的代码 (更牛的功能大家自己去发掘)
文 件 说 明
reg.php //为注册页面
check_user.php //为用户验证页面 (GET,POST方式任选)
jquery-1.7.1.js //为jQuery文件 下载地址:http://code.jquery.com/jquery-1.7.1.js (右键另存为即可)
代码示例
reg.php 注册页面(内含2种方式,请任选一种)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>PHP+Ajax 异步通讯注册验证</title> 
<script type="text/javascript" src="jquery-1.7.1.js"></script> <!--千万别忘记引用jQuery文件,否则无法执行--> 
<script type="text/javascript"> 
$(function(){ 
//方式一 jQuery(普通应用时推荐,简单易用) 
$("#user").blur(function(){ //文本框鼠标焦点消失事件 
$.get("check_user.php?user="+$("#user").val(),null,function(data) //此处get方式 可换为post方式按需求调整,其他无需修改使用方式一样 
{ 
$("#chk").html(data); //向ID为chk的元素内添加html代码 
}); 
}) 
//方式二 aJax方式 (比较复杂,如无特殊需求推荐使用方式一) 
$("#user").blur(function(){ 
$.ajax({ 
url:"check_user.php", //请求验证页面 
type:"GET", //请求方式 可换为post 注意验证页面接收方式 
data:"user="+$("#user").val(), //取得表文本框数据,作为提交数据 注意前面的 user 此处格式 key=value 其他方式请参考ajax手册 
success: function(data) 
{ //请求成功时执行操作 
$("#chk").html(data); //向ID为chk的元素内添加html代码 
} 
}); 
}) 
}) 
</script> 
</head> 
<body> 
<form id="reg" action="" method="post"> 
用户名:<input id="user" type="text" /> <span id="chk"></span> 
</form> 
</body> 
</html>

check_user.php 异步通信页面 代码如下:
<?php 
header("Content-type:text/html;charset=gb2312"); 
//GET方式获取数据(取决于异步提交时提交方式) 
if($_GET['user']) 
{ 
$user=$_GET['user']; 
//此处可进行数据库匹配,本次省略直接判断 
if($user=="admin") 
echo "<font color=red>用户名已被注册!</font>"; 
else 
echo "<font color=red>用户名可以使用</font>"; 
}else{} 
//POST方式获取数据(取决于异步提交时提交方式) 
if($_POST['user']) 
{ 
$user=$_POST['user']; 
//此处可进行数据库匹配,本次省略直接判断 
if($user=="admin") 
echo "<font color=red>用户名已被注册!</font>"; 
else 
echo "<font color=red>用户名可以使用</font>"; 
}else{} 
?>

上面的2种方式分别又存在 post 和 get 两种方式,所以可以说有4种方式选择,应该可以满足普通应用了。
另外关于Ajax 内其他参数例如:请求数据类型,ajax开始操作等等事件。请参考ajax手册。这里不做阐述,较为复杂推荐使用第一种方式。
配 图:

PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)      PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)

PHP 相关文章推荐
在IIS上安装PHP4.0正式版
Oct 09 PHP
PHP设计模式 注册表模式
Feb 05 PHP
php批量删除数据库下指定前缀的表以prefix_为例
Aug 24 PHP
PHP中mysqli_affected_rows作用行数返回值分析
Dec 26 PHP
PHP中两个float(浮点数)比较实例分析
Sep 27 PHP
PHP实现补齐关闭的HTML标签
Mar 22 PHP
图文详解PHP环境搭建教程
Jul 16 PHP
thinkPHP5.0框架命名空间详解
Mar 18 PHP
PHP实现一个多功能购物网站的案例
Sep 13 PHP
swoole_process实现进程池的方法示例
Oct 29 PHP
PHP优化之批量操作MySQL实例分析
Apr 23 PHP
宝塔面板出现“open_basedir restriction in effect. ”的解决方法
Mar 14 PHP
shopex主机报错误请求解决方案(No such file or directory)
Dec 27 #PHP
PHP写UltraEdit插件脚本实现方法
Dec 26 #PHP
url decode problem 解决方法
Dec 26 #PHP
最新用php获取谷歌PR值算法,附上php查询PR值代码示例
Dec 25 #PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
Dec 25 #PHP
php操作JSON格式数据的实现代码
Dec 24 #PHP
php文件怎么打开 如何执行php文件
Dec 21 #PHP
You might like
如何使用PHP获取网络上文件
2006/10/09 PHP
PHP对象Object的概念 介绍
2012/06/14 PHP
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
详解PHP中的状态模式编程
2015/08/11 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
实现placeholder效果的方案汇总
2015/06/11 Javascript
js结合正则实现国内手机号段校验
2015/06/19 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
js实现下拉菜单效果
2017/03/01 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
vue+element的表格实现批量删除功能示例代码
2018/08/17 Javascript
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
2020/02/12 Javascript
Vue中inheritAttrs的使用实例详解
2020/12/31 Vue.js
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
python3 字符串知识点学习笔记
2020/02/08 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
MADE法国:提供原创设计师家具
2018/09/18 全球购物
材料加工硕士生求职信
2013/10/10 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
2019广播稿怎么写
2019/04/17 职场文书
判断Python中的Nonetype类型
2021/05/25 Python
MySQL日期时间函数知识汇总
2022/03/17 MySQL