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

?>


 运行结果示例:

 

ajax jquery 异步表单验证


 

你可能感兴趣的:(jquery)