ajax jquery 异步表单验证的代码

最新推荐文章于 2021-08-05 15:55:02 发布

南方侯鸟

最新推荐文章于 2021-08-05 15:55:02 发布

阅读量150

点赞数 1

分类专栏： php 文章标签：异步表单验证

本文链接：https://blog.csdn.net/nfwaiting/article/details/84467801

版权

php 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

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); 
?>