PHP + Jquery 实现异步传输验证
2015-03-15 11:06
246 查看
这里我参考网上的案例,随便实现了一个一步传输验证的小功能。
1.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP+Ajax 异步通讯注册验证</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script> <!--千万别忘记引用jQuery文件,否则无法执行-->
<script type="text/javascript">
$("#user").blur(function(){ //文本框鼠标焦点消失事件
$.get(
"check_user.php?user="+$("#user").val(),
null,
function(data) //此处get方式 可换为post方式按需求调整,其他无需修改使用方式一样
{
$("#chk").html(data); //向ID为chk的元素内添加html代码
});
});
</script>
<script type="text/javascript">
$(function(){
$("#user").blur( function () {
$.get(
"check_user.php?user="+$("#user").val(),
null,
function(data) //此处get方式 可换为post方式按需求调整,其他无需修改使用方式一样
{
$("#chk").html(data); //向ID为chk的元素内添加html代码
});
});
});
</script>
</head>
<body>
<form id="form" action="" method="post">
用户名:<input id="user" type="text" /> <span id="chk"></span>
</form>
</body>
</html>
验证页面
check_user.php
<?php
header("Content-type:text/html;charset=utf-8");
//GET方式获取数据(取决于异步提交时提交方式)
if($_GET['user'])
{
$user=$_GET['user'];
//此处可进行数据库匹配,本次省略直接判断
if($user=="admin")
echo "<font color=red>用户名已被注册!</font>";
else
echo "<font color=red>用户名可以使用</font>";
}else{}
?>
具体可参考如下连接:
http://www.codesky.net/article/201202/163214.html
1.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP+Ajax 异步通讯注册验证</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script> <!--千万别忘记引用jQuery文件,否则无法执行-->
<script type="text/javascript">
$("#user").blur(function(){ //文本框鼠标焦点消失事件
$.get(
"check_user.php?user="+$("#user").val(),
null,
function(data) //此处get方式 可换为post方式按需求调整,其他无需修改使用方式一样
{
$("#chk").html(data); //向ID为chk的元素内添加html代码
});
});
</script>
<script type="text/javascript">
$(function(){
$("#user").blur( function () {
$.get(
"check_user.php?user="+$("#user").val(),
null,
function(data) //此处get方式 可换为post方式按需求调整,其他无需修改使用方式一样
{
$("#chk").html(data); //向ID为chk的元素内添加html代码
});
});
});
</script>
</head>
<body>
<form id="form" action="" method="post">
用户名:<input id="user" type="text" /> <span id="chk"></span>
</form>
</body>
</html>
验证页面
check_user.php
<?php
header("Content-type:text/html;charset=utf-8");
//GET方式获取数据(取决于异步提交时提交方式)
if($_GET['user'])
{
$user=$_GET['user'];
//此处可进行数据库匹配,本次省略直接判断
if($user=="admin")
echo "<font color=red>用户名已被注册!</font>";
else
echo "<font color=red>用户名可以使用</font>";
}else{}
?>
具体可参考如下连接:
http://www.codesky.net/article/201202/163214.html
相关文章推荐
- Asp.net+Jquery实现用户信息异步验证
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- PHP + ajax 实现异步登录验证
- springmvc+jquery+ajax实现异步用户名验证
- 如何在异步提交form的时候利用jQuery validate实现表单验证
- Asp.net+Jquery实现用户信息异步验证
- PHP jQuery表单,带验证具体实现方法
- jQuery+Ajax+PHP 制作简单的异步数据传输(测试用户名是否可用)
- ajax+php+js实现异步刷新表单验证
- PHP+Aax实现异步验证
- php+jquery+ajax实现用户名验证
- jQuery:$post、$get、$ajax与php,实现异步加载
- jQuery的Ajax实现异步传输List、Map_GOOD
- 异步提交form的时候利用jQuery validate实现表单验证
- Asp.net+Jquery实现用户信息异步验证
- Jquery+ajax+php实现简单的异步提交
- Ajax异步传输与PHP实现交互示例
- Ajax实现的异步传输与验证示例代码
- ajax jquery ssh实现数据异步方式验证
- 异步提交form的时候利用jQuery validate实现表单验证