ajax jquery 异步表单验证

来源：互联网发布：小明域名首页台湾k 编辑：程序博客网时间：2024/06/05 06:23

文件目录：

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

运行结果示例：