php注册系统和使用Xajax即时验证用户名是否被占用


Posted in PHP onAugust 31, 2017

在php中使用Xajax能够即时与数据库发生交互

带给用户更好的体验

主要的应用有网页的即时、不刷新的登录系统

也可以利用于注册系统中

即时验证用户名是否被占用

一、基本目标

首先在mysql中有一张用户信息表user

php注册系统和使用Xajax即时验证用户名是否被占用

编写一个用户注册系统,一开始注册按钮是禁用的状态

php注册系统和使用Xajax即时验证用户名是否被占用

当用户输入用户名完毕时,马上检查这个用户名是否被占用,如果是,禁用注册按钮,并弹出对话框

如果用户输入的用户名没有被占用,则解锁注册按钮,但如果用户输入两次输入的密码不一致,同样不允许用户注册

直到用户满足所有注册条件的时候,才放行

用户注册成功能够成功把用户名与密码添加到数据库之中,如上面的aa与b:

php注册系统和使用Xajax即时验证用户名是否被占用

二、基本思想

由于第一个输入框在失去焦点时,需要与数据库发生交互,所以需要用到php的Xajax技术

关于什么是失去焦点,见我之前的《【JavaScript】组件焦点与页内锚点间传值》(点击打开链接)一文,

关于什么是PHP的Xajax技术,与Xajax如何配置,可以参考我刚写的《【php】Xajax Helloworld》(点击打开链接)一文

而第二个输入框与第三个输入框不需要与数据库发生交互,在前台就可以做出判断,因此仅仅使用javascript就可以,

下面的代码说明,不再对此进行讨论,因为之前我在《【JavaScript】表单即时验证,不成功不让提交》(点击打开链接)一文中已经对此讨论得比较详细了。

三、制作过程

分两个页面,一个是用户填写注册信息的页面xajaxrec.php,一个是把用户注册信息填写到数据库的处理页面下xajxrecsuc.php
xajxrecsuc.php的代码如下,与之前《【php】数据库的增删改查和php与javascript之间的交互》(点击打开链接)的插入处理页面dbinsert.php根本就是一样的,由于笔者用的是同一张用户表,同一个数据库,因此连代码都不改就能够使用了,就把“添加成功”四个大字,改成“注册成功”而已:

<!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=utf-8" /> 
<title>注册成功</title> 
</head> 
 
<body> 
<?php 
$username=$_REQUEST["username"]; 
$password=$_REQUEST["password"]; 
$con=mysql_connect("localhost","root","root"); 
if(!$con){ 
 die("连接失败!"); 
 } 
mysql_select_db("test",$con); 
mysql_query("insert into user(username,password) values ('".$username."','".$password."');"); 
mysql_close($con); 
?> 
<script> 
alert("注册成功"); 
window.location.href="xajaxreg.php" rel="external nofollow" ; 
</script> 
</body> 
</html>

然后重点来说说这个xajaxrec.php:

<?php 
include 'xajax_core/xajax.inc.php'; 
$xajax=new xajax(); 
//首先在xajax声明一个check函数 
$xajax->registerFunction("check"); 
//这个check函数需要前台传来用户名username 
function check($username){ 
 $orps=new xajaxResponse(); 
 //连接数据库,看看用没有这个用户名 
 $con=mysql_connect("localhost","root","root"); 
 if(!$con){ 
 die("连接失败!"); 
 } 
 mysql_select_db("test",$con); 
 $dbusername=null; 
 $result=mysql_query("select * from user where username='".$username."';"); 
 while($row=mysql_fetch_array($result)){ 
 $dbusername=$row["username"]; 
 } 
 //如果没有,根本不可能查出数据,对dbusername赋值的,所以dbusername还是为空的 
 if(is_null($dbusername)){ 
 //弹窗,把id为submitbtn的提交按钮disabled属性清理掉,解锁disabled 
 $orps->alert("恭喜,该用户名未被占用,可以注册"); 
 $orps->clear("submitbtn","disabled"); 
 } 
 else{ 
 //否则弹窗之后为submitbtn上锁,加上disabled属性 
 $orps->alert("该用户名已被占用,请更换被的用户名"); 
 $orps->assign("submitbtn","disabled","disabled"); 
 } 
 //人走带门,然后是三个xajax的指定动作 
 mysql_close($con); 
 return $orps; 
 } 
 
$xajax->processRequest(); 
$xajax->printJavascript(); 
?>
<!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=utf-8" /> 
<title>用户注册</title> 
</head> 
 
<body> 
用户注册 
<!--为表单上个onsubmit属性,是因为但用户点击提交按钮的时候,跑完这个check()函数再提交这个表单--> 
<form action="xajxregsuc.php" method="post" onsubmit="return check()"> 
<!--但用户名的输入框失去焦点时,也就是用户输入完成,光标离开这个输入框的时候,马上调用xajax中的check函数,带过去的值就是本输入框的内容--> 
用户名:<input type="text" name="username" onblur="xajax_check(this.value);" /><br /> 
密码:<input type="password" name="password" id="password" /><br /> 
<!--确认密码这里调用下面的javascript检查即可--> 
请再次输入密码:<input type="password" name="passwordconfirm" id="passwordconfirm" onchange="check()"/><br /> 
<input type="submit" id="submitbtn" value="注册" disabled /> 
</form> 
</body> 
</html> 
<script> 
function check() { 
 var check = false; 
 var password = document.getElementById("password").value; 
 var pwdc = document.getElementById("passwordconfirm").value; 
 if (password != pwdc) { 
 alert("两次输入密码不一致"); 
 check = false; 
 } else { 
 check = true; 
 } 
 return check; 
} 
</script>

至此整个注册系统就完成。

四、展望

这个注册系统还是存在缺陷的,首先,涉及数据库操作的第一个处理框,没有进行有害sql注入语句的过滤,并且所有的处理框,输入乱七八糟的字符都是可以放行甚至在密码处理框,不输入密码也是放行的,这些小细节如果是对于一个要运行在网络的web系统,必须对其完善。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
基于qmail的完整WEBMAIL解决方案安装详解
Oct 09 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
Jun 06 PHP
PHP动态生成javascript文件的2个例子
Apr 11 PHP
PHP实现的连贯操作、链式操作实例
Jul 08 PHP
php 参数过滤、数据过滤详解
Oct 26 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
Dec 22 PHP
微信支付开发告警通知实例
Jul 12 PHP
PHP 闭包详解及实例代码
Sep 28 PHP
php常用数组函数实例小结
Dec 29 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
Dec 21 PHP
PHP实现生成模糊图片的方法示例
Dec 21 PHP
Yii2框架加载css和js文件的方法分析
May 25 PHP
PHP文字转图片功能原理与实现方法分析
Aug 31 #PHP
laravel如何开启跨域功能示例详解
Aug 31 #PHP
Laravel构建即时应用的一种实现方法详解
Aug 31 #PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
Aug 31 #PHP
PHP下 Mongodb 连接远程数据库的实例代码
Aug 30 #PHP
php实现与python进行socket通信的方法示例
Aug 30 #PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
Aug 30 #PHP
You might like
10条PHP编程习惯助你找工作
2008/09/29 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
PHP中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
PHP基于socket实现客户端和服务端通讯功能
2017/07/13 PHP
网页打开自动最大化的js代码
2012/08/22 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
2013/12/13 Javascript
删除javascript中注释语句的正则表达式
2014/06/11 Javascript
javascript Deferred和递归次数限制实例
2014/10/21 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
JavaScript设计模式经典之工厂模式
2016/02/24 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
jQuery实现输入框的放大和缩小功能示例
2018/07/21 jQuery
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
在Vue项目中使用snapshot测试的具体使用
2019/04/16 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
Vue实现todo应用的示例
2021/02/20 Vue.js
[45:59]EG vs OG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
基于python生成器封装的协程类
2019/03/20 Python
django表单的Widgets使用详解
2019/07/22 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
html5使用canvas画一条线
2014/12/15 HTML / CSS
NUK奶瓶美国官网:NUK美国
2016/09/26 全球购物
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
党员对照检查材料思想汇报
2014/09/16 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
结婚喜宴祝酒词
2015/08/10 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python