手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >ajax jquery 异步表单验证示例代码
ajax jquery 异步表单验证示例代码
摘要:文件目录: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);

?>

运行结果示例:

1

【ajax jquery 异步表单验证示例代码】相关文章:

ajax来自动补全表单字段示例

用实现ajax读博客rss示例代码

ajax后台处理返回json值示例代码

ajax 同步和异步XMLHTTP代码分析

Ajax中通过JS代码自动获取表单元素值的示例代码

Ajax 异步加载解析

Ajax异步传输与PHP实现交互示例

分享Ajax创建简单实例代码

js基本ajax写法示例代码

ajax基本通用代码示例

精品推荐
分类导航