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

260 阅读 0 评论 172 点赞

我是靠谱客的博主淡定冰棍，最近开发中收集的这篇文章主要介绍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); 
?> 