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 相关文章推荐
详细介绍:Apache+PHP+MySQL配置攻略
Sep 05 PHP
用户的详细注册和判断
Oct 09 PHP
mysql下创建字段并设置主键的php代码
May 16 PHP
php 传值赋值与引用赋值的区别
Dec 29 PHP
Php Ctemplate引擎开发相关内容
Mar 03 PHP
PHP设计模式之责任链模式的深入解析
Jun 13 PHP
分享8个最佳的代码片段在线测试网站
Jun 29 PHP
php生成excel列序号代码实例
Dec 24 PHP
js和php邮箱地址验证的实现方法
Jan 09 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
Apr 04 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
Apr 08 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
Nov 23 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
php判断正常访问和外部访问的示例
2014/02/10 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
JavaScript中的无阻塞加载性能优化方案
2014/10/10 Javascript
Javascript实现获取窗口的大小和位置代码分享
2014/12/04 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
javascript常用函数(1)
2015/11/04 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
nodejs多版本管理总结
2018/04/03 NodeJs
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
React实现轮播效果
2020/08/25 Javascript
Python有序查找算法之二分法实例分析
2017/12/11 Python
python 动态加载的实现方法
2017/12/22 Python
Python面向对象类的继承实例详解
2018/06/27 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
中国网上药店领导者:1药网
2017/02/16 全球购物
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
什么是WEB控件?使用WEB控件有哪些优势?
2012/01/21 面试题
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
大学生护理专业自荐信
2013/10/03 职场文书
师范生自荐信
2013/10/27 职场文书
公司门卫管理制度
2014/02/01 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
三下乡个人总结
2015/03/04 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
安全教育第一课观后感
2015/06/17 职场文书
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis
docker 制作mysql镜像并自动安装
2022/05/20 Servers