php+jquery+ajax实现用户名验证
来源:互联网 发布:淘宝网店页头图片 编辑:程序博客网 时间:2024/06/05 09:00
这是我今天无意间看到的一些东西,第一次接触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';
}}
?>
- php+jquery+ajax实现用户名验证
- php+jquery+ajax实现用户名验证
- Jquery实现Ajax用户名实时验证
- springmvc+jquery+ajax实现异步用户名验证
- PHP实现Ajax注册用户名验证---示例
- AJAX实现用户名验证
- Ajax实现用户名验证
- AJAX实现用户名验证
- AJAX实现用户名验证
- 利用jQuery实现的Ajax 验证用户名是否存在
- 基于jQuery实现的Ajax 验证用户名唯一性
- php与ajax用户名验证
- ajax之用户名唯一性验证的实现(php)
- ajax+javascript+php实现注册用户名无刷新验证
- Ajax实现注册用户名验证
- Ajax--实现用户名单一性验证
- jquery ajax struts2用户名验证(get)
- jquery ajax struts2用户名验证(post)
- ICE网格计算
- Linux
- IDA Pro逆向实战之Crackme(简单篇)
- Ice手册,第39章IceGrid 第5节使用部署
- ICE笔记(08):C++线程与并发
- php+jquery+ajax实现用户名验证
- 最大子矩阵和
- nova与cinder服务交互
- 7.13——cf 304A
- 服务器后台程序的内存使用问题
- 暑期大作战 第二天
- (Struts2学习篇) Struts2 拦截器
- C++课程设计-成绩管理系统
- atitit.提升开发效率---mda 软件开发方式的革命--(2)