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根本就是一样的，由于笔者用的是同一张用户表，同一个数据库，因此连代码都不改就能够使用了，就把“添加成功”四个大字，改成“注册成功”而已：
<!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插件Xajax使用方法详解
Xajax是PHP一个不用刷新或者跳到其他页面,就能通过点击组件等与后台后台数据库交互的技术 Xajax是php的一个插件,要想使用Xajax就必须先到其官网中下载一个压缩包,由于国外的网速慢,我也给大家上传了一个(点击打开链接: https://pan.baidu.com/s/1gfkY3mj 密码: bcvu),大家选择下载. 下载完xajax_0.5_minimal.zip把里面的东西放到你要开发的工程目录里面,比如笔者的工程目录是C:\PHPnow-1.5.6\htdocs\myphp\
-
php的ajax框架xajax入门与试用介绍
一.xajax与其它ajax框架的比较 xajax功能很简单,但很灵活!~它不象其它一些大的框架,功能确实强大,但执行速度不敢恭维..功能虽多,但不够灵活.api多,学起来简直如同学习一门新的语言. 二.xajax功能介绍 xajax的功能比较简单,但就因为简单,所以灵活.同时,这也要求使用者要对javascrīpt / vbs 客户端脚本有一定的了解.因为它的功能是比较活的.可以说单纯使用xajax,什么也做不出,但配合js / vbs 又什么都做的出. xajax主要是使用xajaxResp
-
php注册系统和使用Xajax即时验证用户名是否被占用
在php中使用Xajax能够即时与数据库发生交互 带给用户更好的体验 主要的应用有网页的即时.不刷新的登录系统 也可以利用于注册系统中 即时验证用户名是否被占用 一.基本目标 首先在mysql中有一张用户信息表user 编写一个用户注册系统,一开始注册按钮是禁用的状态 当用户输入用户名完毕时,马上检查这个用户名是否被占用,如果是,禁用注册按钮,并弹出对话框 如果用户输入的用户名没有被占用,则解锁注册按钮,但如果用户输入两次输入的密码不一致,同样不允许用户注册 直到用户满足所有注册条件的时候,才放
-
建立良好体验度的Web注册系统ajax
*项目名称:具有良好体验度的Web注册系统 *作者:草履虫 *联系:caolvchong@gmail.com *时间:2007-6-29 *起因和版权说明: 1.蓝色理想上有位会员发布了个类似的系统,提问说验证码不支持firefox的刷新,于是萌生念头做一个.本系统外观(按钮取色等)借鉴了该系统,但细节实现原理并不相同(该文地址:http://bbs.blueidea.com/thread-2761325-1-4.html). 2.另外,自己做的这个注册系统中利用了网络上的无组件验证码(
-
[教程+分享]具有良好体验度的Web注册系统
*项目名称:具有良好体验度的Web注册系统 *作者:草履虫 *联系:caolvchong@gmail.com *时间:2007-6-29 *起因和版权说明: 1.蓝色理想上有位会员发布了个类似的系统,提问说验证码不支持firefox的刷新,于是萌生念头做一个.本系统外观(按钮取色等)借鉴了该系统,但细节实现原理并不相同(该文地址:http://bbs.blueidea.com/thread-2761325-1-4.html). 2.另外,自己做的这个注册系统中利用了网络上的无组件验证码(作者si
-
Angular.js实现注册系统的实例详解
前言 相信大家在做项目里经常需要登录注册,那么在用angularjs该如何实现.下面让我们通过angualr.js来实现注册系统表单验证. Angular下载地址:https://code.angularjs.org/1.5.0/angular.js 首先看一下页面效果(通过bootstrap实现的布局样式): 当我们点击提交按钮时,会根据表单验证,若通过,则没有提示语句,若不通过,则会弹出响应提示语句,当然该功能可以通过其他简单方式实现,这里只是通过实战对angular进一步深入理解. 实现方
-
jQuery ajax MD5实现用户注册即时验证功能
实际项目中比较常用的(JQuery+AJAX+MD5),属于即时验证,亮点是验证用户是否存在的那一项,具体内容如下 具体示例 registe.jsp <span style="font-size: large;"><%@ page pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"
-
Ajax注册用户时实现表单验证
很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用户名和电子邮件地址:一些网站喜欢在用户提交填写的用户信息时,做信息可用性的检查,而一些网站会做实时的用户名和电子邮件地址可用性检查,例如:"用户名"文本框失去焦点时:就用户体验来说,实时的用户信息检查用户体验效果更好,而不是在表单提交后,告诉用户信息不符合系统要求. 下面截图是新浪微博的注册界面,它采用的是实时的用户信息检查,如:手机号码和用户名等信息. 图1新浪微博注册
-
django的登录注册系统的示例代码
摘要 django框架本身自带有登录注册,也可以自己写登录注册,下面将介绍这这2种方式实登录注册 一.自己写登录注册登出 1.注册regist 注册采用的是form表单,提交到数据库,在登录的时候,查询数据看,看用户有没有注册,如果用户没有注册,则返回注册页面注册 (1)models.py文件里创建相关的字段: 用户名字/用户密码/cookies携带的ticket from django.db import models # Create your models here. class User
-
Django用户登录与注册系统的实现示例
1.1.创建项目和app django-admin startproject mysite_login python manage.py startapp login 1.2.设置时区和语言 Django默认使用美国时间和英语,在项目的settings文件中,如下所示: LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_L10N = True USE_TZ = True 我们把它改为亚洲/上海时间和中文 LANGUAGE_
-
python实现登录与注册系统
本文实例为大家分享了python实现登录与注册系统的具体代码,供大家参考,具体内容如下 实现功能 1.调用文本文件里的用户信息 2.可以将注册信息存储在文本文件里 3.实现了密码格式的限制 具体用户信息将如下格式存储在txt文本文件下 转换后便于代码利用的格式(列表中嵌套字典) 具体代码如下: #-*- coding=utf8 -*- # @author:sololi # date: 2020/11/3 # 文件说明 : import sys def register(username,pass
-
PHP实现会员注册系统
分享一个基于PHP的非常简单基础的注册系统,为了减轻难度没有使用Cookie和Session,数据库大家按照自己需求更改,有问题欢迎联系我. index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a