您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > PHP技术 > PHP应用

PHP+Ajax验证用户名是否可用

作者:UncleToo  来源:原创  日期:2014-04-16 8:07:00
收藏  评论:( 4 )  阅读:1129


PHP+Ajax验证用户名是否可用

本章PHP教程UncleToo将为大家展示使用PHP+Ajax验证用户名是否存在,此功能常见于用户注册上。


1、下载jQuery类库

此步骤不再叙述,大家可以点击这里(http://jquery.com/download/)下载。


2、创建数据库及用户表

首先我们创建数据库bbs及表members。

Create DATABASE bbs;
Create TABLE members (id INT(20) NOT NULL AUTO_INCREMENT, username VARCHAR(100));


然后插入几条模拟数据

Insert INTO members (username) VALUES("uncletoo");
Insert INTO members (username) VALUES("uncletoo.com");
Insert INTO members (username) VALUES("admin");


3、创建表单

HTML表单。我们需要一个输入框及显示结果的div。

<input type="text" name="username" id="username" placeholder="Enter Username">
<div id="availability"></div>


jQuery

$(document).ready(function () {
  $("#username").blur(function () {
    var username = $(this).val();
    if (username == '') {
      $("#availability").html("");
    }
    else{
      $.ajax({
        url: "validation.php?uname="+username
      }).done(function( data ) {
        $("#availability").html(data);
      });
    }
  });
});

我们使用blur()函数,当ID为“username”的输入框失去焦点时触发Ajax请求,将用户名发送到validation.php文件并返回结果。

这里我们使用了GET方式,当然你也可以使用POST方式提交。


validation.php

$db_user = "root";
$db_password = "uncletoo";
$db_name = "bbs";
$db_host = "localhost";
//链接数据库
$con = new mysqli($db_host, $db_user, $db_password, $db_name);
//链接失败时打印错误信息
if ($con -> connect_error > 0) {
     die('Unable to connect to database [' . $con -> connect_error . ']');
}
//获取参数username的值
$uname = $_GET['uname'];
//查询数据库,验证用户名是否存在
$query = "Select username FROM members Where username = '$uname'";
$result = mysqli_query($con, $query);
//返回结果
if (mysqli_num_rows($result)<1) {
    echo "<span class='green'>用户名可用</span>";
}
else{
    echo "<span class='red'>用户名不可用</span>";
}




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/application/897.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论