日期:2014-05-16  浏览次数:20683 次

ajax jquery 异步表单验证的代码
ajax jquery实现异步表单验证。

html代码:
<html> 
<head> 
<title>异步表单验证-www.jbxue.com</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 
//异步验证 www.jbxue.com
//进行连接服务器 
$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); 
?>