ajax之用户名唯一性验证的实现(php)

最新推荐文章于 2021-04-04 23:50:47 发布

digyso888

最新推荐文章于 2021-04-04 23:50:47 发布

阅读量2.5k

点赞数

分类专栏： AJAX 文章标签： ajax php xmlhttprequest mysql 浏览器 button

AJAX 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

用户名唯一性验证的实现

在一些需要用户注册的系统中，由于系统需要保证用户名的唯一性，在注册时往往需要检查用户名。在一些使用传统方式设计的网站中，往往需要提交整个页面来进行用户名唯一性的检查。这种方式虽然可以正确检测用户名的唯一性，但是对于用户的友好度比较差。

使用Ajax进行用户名唯一性检查可以在不影响用户表单填写的情况下执行，大大增加了表单的友好度。以下代码是一个进行用户名唯一性验证的例子。

 
 <html>
<head>
<title>Ajax Example</title>
<script type="text/javascript">
var xmlobj;                                     //定义XMLHttpRequest对象
function CreateXMLHttpRequest() 
{
    if(window.ActiveXObject)            //如果当前浏览器支持Active Xobject，则创建ActiveXObject对象
    {
         xmlobj = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if(window.XMLHttpRequest)    //如果当前浏览器支持XMLHttp Request，则创建XMLHttpRequest对象
    {
         xmlobj = new XMLHttpRequest();
    }
}
function Validate()                             //主程序函数
{
    CreateXMLHttpRequest();                     //创建对象
    var showurl = "validate.php?username=" + document.getElementById ("username").value;          //构造URL
    xmlobj.open("GET", showurl, true);          //调用validate.php
    xmlobj.onreadystatechange = StatHandler;    //判断URL调用的状态值并处理
    xmlobj.send(null);                          //设置为不发送给服务器任何数据
}
function StatHandler()                          //用于处理状态的函数
{
    if(xmlobj.readyState == 4 && xmlobj.status == 200)                                  //如果URL成功访问，则输出网页
    {
        if(xmlobj.responseText == "1")          //检查用户名是否有效
        {
        document.getElementById("msg").innerHTML = "<font color=RED>该用户名已被人使用</font>";
        }
        else if(xmlobj.responseText == "0")
        {
        document.getElementById("msg").innerHTML="<font color=GREEN>该用户名未被人使用</font>";
        }
        else
        {
        document.getElementById("msg").innerHTML = "<font color=RED>用户名验证程序出错</font>";
        }
    }
}
</script>
</head>
<body>
<p><form action="">
用户名：<input type="text" id="username">
<input type="button" value="用户名验证" onclick="Validate();">
<div id="msg"></div>
</form></p>
</body>
</html> 
 

上面的代码通过请求validate.php来执行用户名的唯一性验证，并根据validate.php的返回内容来决定用户名是否唯一，代码如下所示。

 
 <?php
$conn = mysql_connect("localhost", "root", "");
$user = $_GET['username'];
$querySQL = "SELECT * FROM users WHERE username = '$user'";
mysql_select_db("cms", $conn);
$rs = mysql_query($querySQL, $conn) or die("Error");
$rs_cnt = mysql_num_rows($rs);
echo $rs_cnt;
?>
 

运行结果如图50-6所示。

digyso888

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ajax之用户名唯一性验证的实现(php)

用户名唯一性验证的实现在一些需要用户注册的系统中，由于系统需要保证用户名的唯一性，在注册时往往需要检查用户名。在一些使用传统方式设计的网站中，往往需要提交整个页面来进行用户名唯一性的检查。这种方式虽然可以正确检测用户名的唯一性，但是对于用户的友好度比较差。使用Ajax进行用户名唯一性检查可以在不影响用户表单填写的情况下执行，大大增加了表单的友好度。以下代码是一个进行用户名唯一性验证的例子
复制链接

扫一扫