大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在以下三种中任一个function里。

有三种写法,同样效果,有点像Window.onload,但也有不同,就是window.onload是页面加载完后才会执行,
而$(document).ready()方法只是等所有标签加载完后,就进行操作,还有$(document).ready()可以多次调用,
而window.onload不可以,会被后一个调用所覆盖。 第一种:$(document).ready(function(){.....}); 第二种:$().ready(function(){......}); 第三种:$(function(){......}); 注:通过jQuery中的$(document).ready()方法注册的事件处理程序,只要在DOM完全就绪时,就可以调用了,
比如一张图片只要标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等。 再看ajax在jquery中如何操作? ajax通过两种方式传值:get/post 【get方式】
var url = "CheckUser.php?uName="+name; //跳转到判断页面

$.get(url,function(result){ 

  //运行ajax,进入url页面,返回result

  //通过result返回值,输出描述信息

}

 【post方式】
var username = $(this).val();

var url = "CheckUser.php";

$.post(url,{name:username},function(result){ ...} 
跳转到CheckUser.php页面后通过get/post接收并从数据库中判断是否存在,然后返回一个值即可。。。 html代码:

用户名:
<form action="" method="post">

  <input type="text" name="username" value="" />

  <input type="submit" value="提交"/>

</form>

jquery代码:
$("#userName").blur(function(){

  var username = $(this).val();
  var url = "CheckUser.php"; //跳转到判断页面   //下面是运行ajax,进入changeUrl页面,传入name,返回result   $.post(url ,{name:username},function(result){     if(result == '1'){
       $("#Info").html("用户名存在!");
    }else{
       $("#Info").html("可以注册!");
    }
  })
})

CheckUser.php
if($_POST['name']){

  //接收post传过来的值

  $username = trim($_POST['name']);

  //进行判断,本来是要从数据库中取的,我偷懒了一下,只是测试。。。

  if($username == "admin"){
    echo '1';
  }else{
    echo '0';
  }
}

?>

php+jquery+ajax实现用户名验证的更多相关文章

  1. validate+jquery+ajax表单验证

    1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...

  2. ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

    AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.   ...

  3. Ajax (Asynchronous javascript xml) 搜索框核心代码(JQuery) Ajax判断用户名存在核心代码 附:原生js的Ajax代码 其中有json的一句话解释

    前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function( ...

  4. .net中使用JQuery Ajax判断用户名是否存在的方法

    //第一步:新建一个(*.aspx|*.html)Index.aspx页面 添加jquery 1 <html xmlns="http://www.w3.org/1999/xhtml&q ...

  5. JQuery+Ajax实现唯一性验证、正则

    //唯一性验证 public function Only(){ //实例化模型层 $model = new User(); $res = $model->Only(); echo $res; } ...

  6. jquery php ajax 表单验证

    本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送.   .创建一个表单 html 页面   表单部分 html 代码   以下为引用内容: &l ...

  7. Jquery Validator 增加自定义验证方法

    $(document).ready(function () { jQuery.validator.addMethod("namerepeate", function(value, ...

  8. 关于ajax用户名验证和jquery实现简单表单验证

    首先来说用户名验证: 前台: <tr> <td class="tableleft">教师编号</td> <td><input ...

  9. 使用 jQuery Ajax 异步登录,并验证用户输入信息(maven)

    使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery A ...

随机推荐

  1. Mybatis 3.3.0 Log4j配置

    最近做一个SSM学习项目,配置log4j,mybatis用下面的方式配置,不管用,打印不出执行的SQL语句. log4j.logger.java.sql.Connection=DEBUGlog4j.l ...

  2. ABAP 行列稳定刷新语句

    DATA stbl TYPE lvc_s_stbl. stbl-row = 'X'." 基于行的稳定刷新         stbl-col = 'X'." 基于列稳定刷新      ...

  3. 插头DP专题

    建议入门的人先看cd琦的<基于连通性状态压缩的动态规划问题>.事半功倍. 插头DP其实是比较久以前听说的一个东西,当初是水了几道水题,最近打算温习一下,顺便看下能否入门之类. 插头DP建议 ...

  4. 留只脚印(DP)

    题目链接:http://codeforces.com/problemset/problem/698/A 很久很久没做咯~~~~ dp 是个很神奇的东西.... #include <iostrea ...

  5. hdu 1556.Color the ball 解题报告

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1556 题目意思:有 n 个气球从左到右排成一排,编号依次为1,2,3,...,n.给出 n 对 a, ...

  6. 【leetcode】Single Number (Medium) ☆

    题目: Given an array of integers, every element appears twice except for one. Find that single one. No ...

  7. 警告:Assigning to 'id<Delegate>' from incompatible type 'ViewController *const_st

    原因: 你自己写了代理,设置了   delegate = self.但是self 没有遵守这个协议 只需要遵守这个协议就可以消除警告.

  8. Servlet题库

    一.    填空题 Servlet中使用Session对象的步骤为:调用  HttpServletRequest.getSession()  得到Session对象,查看Session对象,在会话中保 ...

  9. storyboard pushViewController 的时候,新的界面黑屏

    storyboard 创建的一级界面需要通过代码跳转到另一 storyboard 创建的界面的时候,通常我们会这样 其实 alloc init 相当于重新创建一个界面,所以我们 push 进入之后会发 ...

  10. iOS计算字符串的宽度高度

    OC开发中会遇到根据字符串和字体大小来算计算出字符串所占的宽高->> 封装方法如下: #import <Foundation/Foundation.h> #import < ...