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 相关文章推荐
?生?D片??C字串
Dec 06 PHP
备份mysql数据库的php代码(一个表一个文件)
May 28 PHP
CI框架Session.php源码分析
Nov 03 PHP
php无限极分类递归排序实现方法
Nov 11 PHP
PHP设计模式之适配器模式代码实例
May 11 PHP
zen_cart实现支付前生成订单的方法
May 06 PHP
PHP MySql增删改查的简单实例
Jun 21 PHP
PHP实现ASCII码与字符串相互转换的方法
Apr 29 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
Apr 26 PHP
php微信扫码支付 php公众号支付
Mar 24 PHP
Laravel实现通过blade模板引擎渲染视图
Oct 25 PHP
Jsonp劫持学习
Apr 01 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下封装较好的数字分页方法
2010/11/23 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
2017/12/11 Javascript
VSCode中如何利用d.ts文件进行js智能提示
2018/04/13 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
小程序如何写动态标签的实现方法
2020/02/05 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
bootstrap实现tab选项卡切换
2020/08/09 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
python中实现定制类的特殊方法总结
2014/09/28 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
利用Python实现朋友圈中的九宫格图片效果
2020/09/03 Python
python中pyqtgraph知识点总结
2021/01/26 Python
业务副厂长岗位职责
2014/01/03 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
2014年检验员工作总结
2014/11/19 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python