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.cnblogs.com/javawebsoa/p/3249105.html