php+jquery+ajax实现用户名验证
2017-07-19 15:55
411 查看
php+jquery+ajax实现用户名验证
2014-07-14 00:54566人阅读 评论(0)
收藏
举报
这是我今天无意间看到的一些东西,第一次接触jQuery,当作我的一个意外收获写出来,只是初学者的了解。。。
从认识jquery开始写这个验证。。。
大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在以下三种中任一个function里。
有三种写法,同样效果,有点像Window.onload,但也有不同,就是window.onload是页面加载完后才会执行,而$(document).ready()方法只是等所有标签加载完后,就进行操作,还有$(document).ready()可以多次调用,而window.onload不可以,会被后一个调用所覆盖。。。
第一种:$(document).ready(function(){.....});
第二种:$().ready(function(){......});
第三种:$(function(){......});
注:通过jQuery中的$(document).ready()方法注册的事件处理程序,只要在DOM完全就绪时,就可以调用了,比如一张图片只要<img>标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等。
再看ajax在jquery中如何操作?
ajax通过两种方式传值:get/post
【get方式】
var changeUrl = "CheckUser.PHP?uName="+name; //跳转到判断页面
$.get(changeUrl,function(result){ //运行ajax,进入url页面,返回result
//通过result返回值,输出描述信息
} www.2cto.com
【post方式】
var username = $(this).val();
var changeUrl = "CheckUser.php";
$.post(changeUrl,{name:username},function(result){ ...}
跳转到CheckUser.php页面后通过get/post接收并从数据库中判断是否存在,然后返回一个值即可。。。
html代码:用户名:<input type="text" id="userName"/> <span id="Info"></span>
jquery代码:$("#userName").blur(function(){
var username = $(this).val();
var changeUrl = "CheckUser.php"; //跳转到判断页面
//下面是运行ajax,进入changeUrl页面,传入name,返回result
$.post(changeUrl ,{name:username},function(result){
if(result == '1'){
$("#Info").html("<font color=\"red\">用户名存在!</font>");
}else{
$("#Info").html("<font color=\"green\">可以注册!</font>");
} } })
CheckUser.php
<?php
if($_POST['name']){//接收post传过来的值
$username = trim($_POST['name']);
//进行判断,本来是要从数据库中取的,我偷懒了一下,只是测试。。。
if($username == "admin"){
echo '1';
}else{
echo '0';
}}
?>
相关文章推荐
- jquery ajax+mysql+php实现数据库验证用户名是否存在
- php+jquery+ajax实现用户名验证
- php+jquery+ajax实现用户名验证
- php+jquery+ajax实现用户名验证
- ajax+javascript+php实现注册用户名无刷新验证
- Jquery实现Ajax用户名实时验证
- (2010-08-22)利用jQuery实现的Ajax 验证用户名是否存在
- 艾伟_转载:利用jQuery实现的Ajax 验证用户名是否存在
- Jquery实现Ajax用户名实时验证
- jquery中用$.ajax实现注册(html、jquery、php、接口文档)、ajax验证用户提交数据
- 利用jQuery实现的Ajax 验证用户名是否存在
- ajax之用户名唯一性验证的实现(php)
- jQuery结合Ajax实现用户名是否存在的验证代码
- Jquery中的AJax技术结合PHP实现无刷新验证验证码
- 【jquery】ajax实现用户名验证
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- Jquery与ajax结合实现验证用户名(邮箱是否)已经被注册过
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 基于jQuery实现的Ajax 验证用户名唯一性实例代码
- 利用jQuery实现的Ajax 验证用户名是否存在