检测用户名是否存在的特效

来源：互联网发布：电路板绘制软件编辑：程序博客网时间：2024/06/05 09:45

html代码

<!DOCTYPE html><html lang="en">

<head>
<title>Document</title>
<meta charset="UTF-8">
<script type="text/javascript">

function createxhr () {

try{

// 尝试创建ajax对象

return new XMLHttpRequest();

}catch (e){}

try {

// 如果创建标准模式不成功，使用ie低版本创建方式

return new ActiveXObject('Mircosoft.XMLHTTP');

}catch (e) {}

alert("请升级浏览器");
}

function checkname(){

var name=document.getElementById("name").value;

var xhr=createxhr();

var url="http://myweb/ajax/demo1.php?name="+name;

xhr.open("GET", url);

xhr.send();

if(xhr.readyState==4 && xhr.status==200){

xhr.onreadystatechange=function(){

var str=xhr.responseText;

if(obj.status==1){

alert(str);//

var obj=JSON.parse(str);//解析json;

document.getElementById("sp").style.color="red";

document.getElementById("sp").style.color="green";

} else {

}

用户名<input type="text" id="name" onblur="checkname()"></input><span id="sp"></span>

document.getElementById("sp").innerHTML=obj.sp;

</script>

</head>

<body><br /><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"></html></span></div>密码<input type="password" name="pwd"></input><br /><input type="button" value="注册"></input><div style="text-align: justify;"><span style="font-family: Arial, Helvetica, sans-serif;"></body></span></div>

</pre><pre name="code" class="html" style="text-align: justify;">

php代码

<?php

header("Access-Control-Allow-Origin:*");

$name=$_GET['name'];

header("content-type:text/html;charset=utf-8");

$link=@mysql_connect("localhost","root","root");

mysql_select_db("userlist4");

mysql_query("set names utf8");

$sql="select * from user where username='{$name}'";

$rt=mysql_query($sql);

$num=mysql_num_rows($rt);

if($num>0){

echo json_encode(array("status"=>"0", "sp"=>"已经存在,不可以注册"));

} else {

echo json_encode(array("status"=>"1", "sp"=>"可以注册"));

}

0 0