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

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

带给用户更好的体验

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

也可以利用于注册系统中

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

一、基本目标

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

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

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

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

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

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

二、基本思想

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

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

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

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

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

三、制作过程

分两个页面，一个是用户填写注册信息的页面xajaxrec.php，一个是把用户注册信息填写到数据库的处理页面下xajxrecsuc.php

xajxrecsuc.php的代码如下，与之前《【php】数据库的增删改查和php与javascript之间的交互》(点击打开链接)的插入处理页面dbinsert.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);

?>

alert("注册成功");

window.location.href="xajaxreg.php" rel="external nofollow" ;

然后重点来说说这个xajaxrec.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();

?>

用户注册

用户注册

用户名：

密码：

请再次输入密码:

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;

}

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

四、展望

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。