[第三弹]利用ajax技术,验证用户名是否被占用

最新推荐文章于 2021-08-06 01:43:45 发布

l_xm

最新推荐文章于 2021-08-06 01:43:45 发布

阅读量557

点赞数

分类专栏： Ajax 文章标签： ajax 验证用户名是否可用

本文链接：https://blog.csdn.net/sinat_16968575/article/details/39998009

版权

Ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

demo01.html

<html>
	<head>
		<script src="public.js"></script>
		<script>
			window.onload = function(){
				$('username').onblur = function(){
					var username = $('username').value;
					//var passwd = $('passwd').value;
					var xmlHttp = createXMLHttp();
					var url = 'demo01.php?username=' + username + '&_=' + new Date().getTime();
					xmlHttp.open('get',url);
					xmlHttp.onreadystatechange = function(){
						if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
							var flag = xmlHttp.responseText;
							if(flag == 1){
								//flag = 1表示用户名占用
								$('display').innerHTML = "<font color=red>用户名被占用,请更换!</font>";
							}
							else{
								$('display').innerHTML = "<font color=green>用户名可用</font>";
							}
						}
					};
					xmlHttp.send(null);
				};
			};
		</script>
	</head>
	
	<body>
		<form method="psot" action="demo04.php">
			用户名:<input type="text" id="username" name="username"> <span id="display" ></span>
			<br />
			密码:<input type="password" id="passwd" name="passwd">
			<br />
			<input type="submit" value="注册">
			<input type="hidden" name="act" value="register">
		</form>
	</body>
</html>

demo01.php

<?php

$username = $_GET['username'];
$link = mysql_connect('127.0.0.1:3306','root','passwd');
mysql_select_db('test');
mysql_query('set names utf8');
$result = mysql_query("select * from admin where username='$username'");
$n = mysql_num_rows($result);
// $row = mysql_fetch_row($result);
mysql_close($link);
if($n > 0){
	echo 1;
}
else{
	echo 0;
}

l_xm

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
[第三弹]利用ajax技术,验证用户名是否被占用

demo01.html window.onload = function(){ $('username').onblur = function(){ var username = $('username').value; //var passwd = $('passwd').value; var xmlHttp = createXML
复制链接

扫一扫

专栏目录