亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery登錄的異步驗證操作示例

2019-11-19 11:36:58
字體:
來源:轉載
供稿:網友

本文實例講述了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;  });})

PS:這里再為大家提供2款非常方便的正則表達式工具供大家參考使用:

JavaScript正則表達式在線測試工具:
http://tools.VeVB.COm/regex/javascript

正則表達式在線生成工具:
http://tools.VeVB.COm/regex/create_reg

更多關于jQuery相關內容可查看本站專題:《jQuery正則表達式用法總結》、《jQuery字符串操作技巧總結》、《jQuery操作xml技巧總結》、《jQuery擴展技巧總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結

希望本文所述對大家jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产男人精品视频| 国产成人精品综合久久久| 欧美整片在线观看| 欧美成人免费网| 丝袜一区二区三区| 91大神福利视频在线| 7m第一福利500精品视频| 国产成人精品免费视频| 中文字幕日韩欧美精品在线观看| 日韩欧美精品网站| 2021久久精品国产99国产精品| 国产精品久久在线观看| 欧美黑人极品猛少妇色xxxxx| 欧美日韩在线免费观看| 国产主播精品在线| 亚洲精品国精品久久99热一| 不卡av电影在线观看| 欧美日韩一二三四五区| 久久久久久国产精品美女| 久久久久中文字幕2018| 2019中文字幕全在线观看| 亚洲国产精品悠悠久久琪琪| 日韩欧美在线播放| 欧洲成人性视频| 久久久久日韩精品久久久男男| 中文字幕亚洲色图| 亚洲欧美资源在线| 亚洲性生活视频| 欧美成人午夜影院| 国产在线精品一区免费香蕉| 欧美激情精品久久久久久蜜臀| 久久精品视频网站| 欧美孕妇毛茸茸xxxx| 亚洲美女精品久久| 日韩av电影在线网| 久久99精品久久久久久青青91| 最近日韩中文字幕中文| 色狠狠久久aa北条麻妃| 国产视频亚洲精品| 久久国产精品久久久| 一区二区三区精品99久久| 欧美激情亚洲另类| 91久久久久久久久久久久久| 欧美高清视频在线播放| 亚洲乱码av中文一区二区| 91精品在线观看视频| 欧美疯狂做受xxxx高潮| 中文欧美在线视频| 日韩视频欧美视频| 日韩一区二区精品视频| 欧美亚洲视频在线观看| 欧美激情视频网站| 国产精品黄视频| 久久成人综合视频| 欧美猛少妇色xxxxx| 日韩一区二区精品视频| 欧美性xxxx极品高清hd直播| 久久男人资源视频| 欧美日韩精品国产| 国内精品久久久久久影视8| 欧美一区二粉嫩精品国产一线天| 国产成人高潮免费观看精品| 国产精品欧美亚洲777777| 国产成人涩涩涩视频在线观看| 国产精品高潮呻吟久久av野狼| 日韩欧美在线第一页| 久久99精品久久久久久噜噜| 精品高清一区二区三区| 97超碰国产精品女人人人爽| 色婷婷av一区二区三区在线观看| 久久99视频精品| 欧美精品videos另类日本| 久久久久久com| 亚洲人成在线观看网站高清| 亚洲国产另类 国产精品国产免费| 欧美另类99xxxxx| 亚洲欧美成人精品| 欧美日韩亚洲国产一区| 久久久久国色av免费观看性色| 91亚洲va在线va天堂va国| 欧美成人精品一区二区三区| 热门国产精品亚洲第一区在线| 欧美肥老太性生活视频| 福利视频导航一区| 久久精品电影一区二区| 欧美猛男性生活免费| 一本大道久久加勒比香蕉| 欧洲成人在线观看| 国内外成人免费激情在线视频| 中文字幕日韩免费视频| 欧美激情一区二区三区在线视频观看| 精品视频在线观看日韩| 国产欧美日韩中文字幕在线| 国产精品嫩草影院一区二区| 欧美裸体男粗大视频在线观看| 日韩影视在线观看| 午夜欧美不卡精品aaaaa| 97国产suv精品一区二区62| 亚洲国产精品电影在线观看| 欧美性理论片在线观看片免费| 18一19gay欧美视频网站| 亚洲精品黄网在线观看| 亚洲淫片在线视频| 秋霞成人午夜鲁丝一区二区三区| 国产精品直播网红| 亚洲国产精品电影| 中文字幕亚洲一区二区三区五十路| 精品网站999www| 午夜精品一区二区三区av| 亚洲精品自拍偷拍| 亚洲精品97久久| 精品一区二区三区电影| 欧美亚洲伦理www| 国产69久久精品成人| 日韩欧美亚洲国产一区| 欧美日韩另类字幕中文| 日本高清不卡的在线| 日韩视频在线一区| 国产精品白丝jk喷水视频一区| 亚洲在线第一页| 亚洲成人久久久| 97精品一区二区视频在线观看| 日本19禁啪啪免费观看www| 国产精品久久久久久久久久久久久| 国产精品久久久999| 亚洲欧美另类在线观看| 自拍偷拍亚洲区| 国产亚洲精品久久久久久牛牛| 精品国产电影一区| 色哟哟网站入口亚洲精品| 欧美日韩中文在线| 日韩在线视频观看正片免费网站| 夜夜狂射影院欧美极品| 日韩中文理论片| 在线日韩中文字幕| 亚洲色在线视频| 久久久亚洲福利精品午夜| 国产精品第一区| 国产中文日韩欧美| 亚洲欧美国产精品专区久久| 一区二区亚洲欧洲国产日韩| 国产精品国语对白| 最好看的2019的中文字幕视频| 国产精品午夜一区二区欲梦| 久久精品这里热有精品| 国内精品在线一区| 亚洲美女性生活视频| 一区二区亚洲精品国产| 毛片精品免费在线观看| 亚洲电影免费观看高清完整版在线| 国产日韩欧美另类| 超碰97人人做人人爱少妇| 国产精品视频白浆免费视频| 久久久久久久亚洲精品| 久久久久久亚洲精品| 久久久久久久电影一区| 久久久女人电视剧免费播放下载| 色av中文字幕一区| 亚洲成人a**站| 97av在线视频免费播放| 久久久日本电影| 中文字幕久热精品视频在线| 欧美激情女人20p| 日本成人黄色片|