OGeek|极客世界-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

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

2022-2-5 16:59| 发布者: 菜鸟教程小白| 查看: 238| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 异步表单验证想必大家早已如雷贯耳，本文为大家详细讲述下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); 
?> 