本文實例講述了jquery登錄的異步驗證操作。分享給大家供大家參考，具體如下：

//定義一個jsonvar validate = {  username : false,  pwd   : false,  pwded  : false,  verify  : false,  loginUsername : false,  loginPwd :false}//存儲錯誤信息var $msg = "";//驗證注冊表單$(function(){  //獲取表單對象  var register = $('form[name=register');  register.submit(function(){    var isOK = validate.username && validate.pwd && validate.pwded && validate.verify;    if(isOK){      return true;    }    //點擊提交按鈕依次觸發失去焦點再次驗證    $('input[name=username]',register).trigger('blur');    $('input[name=pwd]',register).trigger('blur');    $('input[name=pwded]',register).trigger('blur');    $('input[name=verify]',register).trigger('blur');    return false;  });  //驗證用戶名  $('input[name=username]',register).blur(function(){    var username = $(this).val();    var span = $(this).next();    //用戶名不能為空    if(username == ''){      msg = '用戶名不能為空';      span.html(msg).addClass('error');      validate.username = false;      return;    }    //正則判斷    if(!/^/w{2,14}$/g.test(username)){      msg = '必須是2-14個字符,字母,數字,下劃線';      span.html(msg).addClass('error');      validate.username = false;      return;    }    //異步驗證用戶名是否存在    $.post(APP + '/Reg/ajax_username',{username : username},function(status){      console.log(status);      if(status){        msg = '通過檢測';        span.html(msg).removeClass('error');        validate.username = true;      }else{        msg = '用戶名已經存在';        span.html(msg).addClass('error');        validate.username = false;      }    },'json');  });  //驗證密碼  $('input[name=pwd]',register).blur(function(){    var pwd = $(this).val();    var span = $(this).next();    //密碼不能為空    if(pwd == ''){      msg = '密碼不能為空';      span.html(msg).addClass('error');      validate.pwd = false;      return;    }    //正則驗證    if(!/^/w{6,20}$/g.test(pwd)){      msg = '密碼必須由6-20個字母,數字,或者下劃線組成';      span.html(msg).addClass('error');      validate.pwd = false;      return;    }    msg = '通過檢測';    span.html(msg).removeClass('error');    validate.pwd = true;  });  //確認密碼  $('input[name=pwded]',register).blur(function(){    var pwded = $(this).val();    var span = $(this).next();    //確認密碼    if(pwded == ''){      msg = '請確認密碼';      span.html(msg).addClass('error');      validate.pwded = false;      return;    }    //判斷密碼是否一致    if(pwded != $('input[name=pwd]',register).val()){      msg = '密碼不一致';      span.html(msg).addClass('error');      validate.pwded = false;      returnl;    }    msg = '通過檢測';    span.html(msg).removeClass('error');    validate.pwded = true;  });  //驗證驗證碼  $('input[name=verify]',register).blur(function(){    var verify = $(this).val();    var span = $(this).next().next();    //不能為空    if(verify == ''){      msg = '請輸入驗證碼';      span.html(msg).addClass('error');      validate.verify = false;      return;    }    //異步判斷驗證碼    $.post(APP + '/Reg/ajax_code',{verify : verify},function(status){      if(status){        msg = '通過檢測';        span.html(msg).removeClass('error');        validate.verify = true;      }else{        msg = '驗證碼錯誤';        span.html(msg).addClass('error');        validate.verify = false;        return;      }    },'json');  });  //登錄form表單驗證  var login = $('form[name=login]');  //登錄提交事件  login.submit(function(){    if(validate.loginUsername && validate.loginPwd){      return true;    }    //依次觸發失去焦點動作    $('input[name=username]',login).trigger('blur');    $('input[name=pwd',login).trigger('blur');    return false;  });  //驗證登錄用戶名  $('input[name=username]',login).blur(function(){    var username = $(this).val();    var span = $('#login-msg');    //判斷是否為空    if(username == ''){      msg = '請輸入賬號';      span.html(msg).addClass('error');      validate.loginUsername = false;      return;    }    msg = '';    span.html(msg);    validate.loginUsername = true;  });  //驗證登錄密碼  $('input[name=pwd]',login).blur(function(){    var pwd = $(this).val();    var span = $('#login-msg');    //判斷登錄密碼是否為空    if(pwd == ''){      msg = '請輸入密碼';      span.html(msg).addClass('error');      validate.loginPwd = false;      return;    }    var data = {        username : $('input[name=username]',login).val(),        pwd : pwd      };    //異步驗證    $.post(APP + '/Login/ajax_login',data,function(status){      if(status){        msg = '';        span.html(msg).removeClass('error');        validate.loginUsername = true;        validate.loginPwd = true;      }else{        msg = '用戶名或密碼錯誤';        span.html(msg).addClass('error');        validate.loginUsername = false;        validate.loginPwd = false;      }    },'json');    msg = '';    span.html(msg);    validate.loginPwd = true;  });})