ajax jquery 异步表单验证

前端之家收集整理的这篇文章主要介绍了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);
?>

运行结果示例: 原文链接:https://www.f2er.com/ajax/165978.html

猜你在找的Ajax相关文章