ajax jquery 异步表单验证示例代码_AJAX相关教程-查字典教程网
ajax jquery 异步表单验证示例代码
ajax jquery 异步表单验证示例代码
发布时间:2017-01-07 来源:查字典编辑
摘要:文件目录:html代码:复制代码代码如下:异步表单验证functioncheckname(){//$("input[name='name']...

文件目录:

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相关学习
    热门AJAX相关学习
    编程开发子分类