ajax jquery 异步表单验证示例代码

文件目录：

html代码：
复制代码代码如下:
<html>
<head>
<title>异步表单验证</title>
<script type="text/javascript" src="jquery.js" ></script>
<script>
function checkname（）{
//$（"input[name="name"]"）.val（）
$.ajax（{
type:"get",
url:"index.php",
data:"name="+$（"input[name="name"]"）.val（）,
success:function（msg）{
$（"#show"）.append（msg）;
}
}）;

}
</script>
</head>
<body>
<form name="form">
<input name="name" type="text" onblur="checkname（）;">
<span id="show"></span><br />
<input type="submit" name="submit" value="提交" />
</form>
</body>
</html>

php代码：
复制代码代码如下:
<？php
//进行连接服务器
$link=mysql_connect（"localhost","root","sanyue"）;
if（！$link）{
die（"连接失败：".mysql_error（））;
}
//进行连接数据库
mysql_select_db（"excour",$link）;

// $name=$_GET["name"];
echo $name;
$sql="select name from user_info where name="$name"";

//执行查询语句
$result=mysql_query（$sql）;

if（mysql_num_rows（$result）！= 0）{
echo "<font color="red">名字太受欢迎，换一个吧</font>";
}else{
echo "<font color="blue">成功</font>";
}

//进行释放查询结果集
mysql_free_result（$result）;
//关闭数据库连接
mysql_close（$link）;
？>

运行结果示例：