HTML代码

<!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=utf8" />

<title>PHP+Ajax 异步通讯注册验证</title>

<script type="text/javascript" src="jquery-1.4.2.js"></script> <!--千万别忘记引用jQuery文件，否则无法执行-->

<script type="text/javascript">

$(function(){

//方式一 jQuery(普通应用时推荐，简单易用)

    $("#user").blur(function(){ //文本框鼠标焦点消失事件

        $.get("check_user.php?user="+$("#user").val(),null,function(data) //此处get方式可换为post方式按需求调整，其他无需修改使用方式一样

        {

            $("#chk").html(data); //向ID为chk的元素内添加html代码

        });

    })

//方式二 aJax方式 (比较复杂，如无特殊需求推荐使用方式一)

    $("#user").blur(function(){

        $.ajax({

            url:"check_user.php", //请求验证页面

            type:"GET", //请求方式 可换为post 注意验证页面接收方式

            data:"user="+$("#user").val(), //取得表文本框数据，作为提交数据 注意前面的 user 此处格式 key=value 其他方式请参考ajax手册

            success: function(data)

            { //请求成功时执行操作

            $("#chk").html(data); //向ID为chk的元素内添加html代码

            }

        });

    })

})

</script>

</head>

<body>

<form id="reg" action="" method="get">

用户名：<input id="user" type="text" /> <span id="chk"></span>

</form>

</body>

</html>

PHP代码

<?php

header("Content-type:text/html;charset=utf8");

//GET方式获取数据（取决于异步提交时提交方式）

if(isset($_GET['user']))

{

    $user=$_GET['user'];

//此处可进行数据库匹配，本次省略直接判断

    if($user=="admin")

        echo "<font color=red>用户名已被注册！</font>";

    else

        echo "<font color=red>用户名可以使用</font>";

}else{}

    //POST方式获取数据（取决于异步提交时提交方式）

if(isset($_POST['user']))

{

    $user=$_POST['user'];

    //此处可进行数据库匹配，本次省略直接判断

    if($user=="admin")

        echo "<font color=red>用户名已被注册！</font>";

    else

        echo "<font color=red>用户名可以使用</font>";

}

else{}

?>

PHP+Ajax 异步通讯注册验证的更多相关文章

  1. 2018-06-25 js表单事件、三个高度和Ajax异步通讯技术

    表单事件: onfocus -> 表单控件得到焦点时触发: obj_ipt.onfocus=function(){}; onblur -> 表单控件失去焦点时: onchange -> ...

  2. 【ajax】ajax异步实现用户注册验证

    从前台到后台实现简单用户注册检查用户是否存在 1.编写domain public class User { private String username; private String passwo ...

  3. Ajax方式实现注册验证代码

    经常用到的经典Ajax代码,记录备用: function CreateAjax() { var XMLHttp; try { XMLHttp = new ActiveXObject("Mic ...

  4. ssh使用ajax异步通讯. json与对象转换的几个小问题

    首先是hibernate,用ssh做项目的时候,使用hibernate,这个hibernate博大精深,至今只懂皮毛.建对象时候使用它的一对多,多对多联系,. 这样子,对象转json的时候会产生循环依 ...

  5. ajax异步通讯 遮罩滚动栏，防止并发及误操作

    加入滚动栏的遮罩,滚动栏图片须要自己调整路径 function loading() { var divloading = "<div id=\"loadingdiv\&quo ...

  6. Ajax异步验证登陆或者注册

    首先介绍一个不错的学习Ajax的中文网站:http://www.w3school.com.cn/ajax/index.asp AJAX = 异步 JavaScript 和 XML.详细介绍见上面的网址 ...

  7. thinkphp+jquery+ajax前后端交互注册验证

    thinkphp+jquery+ajax前后端交互注册验证,界面如下 register.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...

  8. Ajax注册验证用户名是否存在 ——引自百度经验

    Ajax注册验证用户名是否存在 http://jingyan.baidu.com/article/a948d6515fdf870a2dcd2e85.html

  9. 【Ajax】实现注册页面判断用户名是否可用的提示—异步加载

    效果如图 在注册或登录网站时,当我们输入错误格式的账号或信息时,会看到这种提示. 那怎么实现呢,通过ajax异步加载的方式,可以实现不刷新页面就显示出该提示. 实现 首先创建一个JSP,写一个简单的页 ...

随机推荐

  1. Debian中完全卸载MySQL

      之前服务器上配置测试用的服务环境,我偷懒顺手用网上现成的脚本进行安装,结果MySQL启动不了,于是我只有老老实实的重新安装MySQL Server,原本以为apt-get --purge这类命令可 ...

  2. js中的preventDefault和stopPropagation

    首先讲解一下js中preventDefault和stopPropagation两个方法的区别:      preventDefault方法的起什么作用呢?我们知道比如<a href=" ...

  3. About xvfb

    http://blog.csdn.net/span76/article/details/11473315 有时候我们不关注程序是否有界面(比如自动化测试),只要程序在运行就可以了 很感谢 xvfb 这 ...

  4. linux 远程工具

    SecureCRT SecureCRT官网地址:http://www.vandyke.com/products/securecrt/ Xmanager官方网址:http://www.netsarang ...

  5. 从lambda到函数式编程

    Object.send(:remove_const,'TRUE') Object.send(:remove_const,'FALSE') def to_integer(pro) pro[-> n ...

  6. monkeyrunner工具同Monkey工具的差别

    Monkey: Monkey工具直接运行在设备或模拟器的adb shell中,生成用户或系统的伪随机事件流. monkeyrunner: monkeyrunner工具则是在工作站上通过API定义的特定 ...

  7. file_up

    一.接收数据 表单提交的数据会自动封装为数组 用$_GET, $_POST, 或$_REQUEST获得表单提交的数据;   二.文件上传的相关配置 1.表单设置: 要进行文件的上传,需要对form表单 ...

  8. ORCAL

    select name from v$database;--查询当前数据库名: select instance_name from v$instance;--查询当前数据库实例名 select def ...

  9. JAXB - Annotations, The Annotation XmlElement

    The basic annotation for a field that's intended to be an element is XmlElement. It permits you to d ...

  10. ASP实现随机提取数据库记录例

    <% "一个从数据库中随机读取纪录的例子 Set Rs1=server.CreateObject ("adodb.recordset") Set Rs=server ...