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 相关文章推荐
用PHP与XML联手进行网站编程代码实例
Jul 10 PHP
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
Apr 25 PHP
php输出表格的实现代码(修正版)
Dec 29 PHP
PHP设计模式之迭代器模式的深入解析
Jun 13 PHP
php5.3 注意事项说明
Jul 01 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
Dec 18 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
May 06 PHP
PHP+MYSQL实现读写分离简单实战
Mar 13 PHP
PHP微信PC二维码登陆的实现思路
Jul 13 PHP
php unlink()函数使用教程
Jul 12 PHP
PHP上传文件及图片到七牛的方法
Jul 25 PHP
Laravel5.5以下版本中如何自定义日志行为详解
Aug 01 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
Oracle Faq(Oracle的版本)
2006/10/09 PHP
在PHP中使用XML
2006/10/09 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
PHP+MySQL插入操作实例
2015/01/21 PHP
PHP实现适用于自定义的验证码类
2016/06/15 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
javascript 动态添加事件代码
2008/11/30 Javascript
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
解析js如何获取css样式
2016/12/11 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
JS实现预加载视频音频/视频获取截图(返回canvas截图)
2017/10/09 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
浅谈python str.format与制表符\t关于中文对齐的细节问题
2019/01/14 Python
python爬取内容存入Excel实例
2019/02/20 Python
详解Python用户登录接口的方法
2019/04/17 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
如何基于python操作excel并获取内容
2019/12/24 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
药店主任岗位责任制
2014/02/10 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
春风化雨观后感
2015/06/11 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书