PHP + Jquery 实现异步传输验证
来源:互联网 发布:电视直播软件 知乎 编辑:程序博客网 时间:2024/06/15 18:17
这里我参考网上的案例,随便实现了一个一步传输验证的小功能。
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
- PHP + Jquery 实现异步传输验证
- Ajax实现的异步传输与验证
- Ajax异步传输与PHP实现交互
- Asp.net+Jquery实现用户信息异步验证
- springmvc+jquery+ajax实现异步用户名验证
- JQuery实现异步验证用户名是否存在
- jQuery的Ajax实现异步传输List、Map_GOOD
- iframe实现异步传输
- jquery使用ajax异步传输
- php+jquery+ajax实现用户名验证
- PHP用jQuery实现无刷新验证
- php+jquery+ajax实现用户名验证
- ajax jquery ssh实现数据异步方式验证
- ext 实现 异步验证
- Jquery+ajax+php实现简单的异步提交
- jQuery:$post、$get、$ajax与php,实现异步加载
- php+JQuery+Ajax简单实现页面异步刷新
- jQuery:$post、$get、$ajax与php,实现异步加载
- POJ1860 Currency Exchange(Bellman-ford的变形)
- 关于长方柱面向对象类的使用
- leetcode-75 Sort Colors
- 命题作文:在一棵IPv4地址树中彻底理解IP路由表的各种查找过程
- 黑马程序员-OC语言Block
- PHP + Jquery 实现异步传输验证
- HDU 5186
- 第2周 阅读程序-初识对象(二)
- 【高效算法设计——双向扫描】 UVa 1442 Cave
- hdu 1062 Text Reverse 字符串处理。简单水题
- Rotate Array
- 项目一 用“类”解决旱冰场造价的问题
- LeetCode--Count and Say
- 把书读薄之《面向对象葵花宝典》阅读笔记-面向对象基础