php+ajax验证

最新推荐文章于 2021-08-06 00:01:25 发布

afterrains

最新推荐文章于 2021-08-06 00:01:25 发布

阅读量846

点赞数

CC 4.0 BY-SA版权

分类专栏： php ajax

本文链接：https://blog.youkuaiyun.com/happy_jijiawei/article/details/42583975

php 同时被 2 个专栏收录

136 篇文章

订阅专栏

ajax

5 篇文章

订阅专栏

本文介绍了一个使用PHP和jQuery实现的简单用户名实时验证系统。当用户输入用户名时，系统会即时检查该用户名是否已被注册，并通过颜色标记反馈结果：绿色表示用户名可用，红色表示用户名已被占用。

index.php

<?php 

?>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script>
$(document).ready(function () {
	  $("#name").blur(function () {
	    var username = $(this).val();
	    if (username == '') {
	      $("#availability").html("");
	    }
	    else{
	      $.ajax({
	        url: "validation.php?name="+$("#name").val()
	      }).done(function( data ) {
	        $("#availability").html(data);
	      });
	    }
	  });
	});
</script>

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

validation.php

<?php 
$db_user = "root";
$db_password = "root";
$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的值
$name = $_GET['name'];
//查询数据库，验证用户名是否存在
$query = "Select name FROM members Where name = '$name'";
$result = mysqli_query($con, $query);
//返回结果
if (mysqli_num_rows($result)<1) {
    echo "<span class='green'>用户名可用</span>";
}
else{
    echo "<span class='red'>用户名不可用</span>";
}

?>