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

首頁 > 編程 > JavaScript > 正文

jQuery插件formValidator自定義函數擴展功能實例詳解

2019-11-20 11:10:13
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery插件formValidator自定義函數擴展功能的方法。分享給大家供大家參考,具體如下:

jQuery formValidator表單驗證插件是什么?感興趣的讀者可參考《jQuery formValidator表單驗證插件》以及本站其他相關文檔

此處省略若干文字。

實際項目中的表單應用是多種多樣的,隨之而來的驗證也是多變的,但Jquery formValidator為我們提供了自定義函數接口,個人認為是其最主要的強大之處。廢話不多說,直接實例。

例一:座機和手機,至少選其一,可以不選。

分析:這屬于組合驗證,需要根據用戶選擇框體的不同進行不同的驗證條件。

知識點:Jquery formvalidator提供了自定義函數接口為functionValidator({ fun: funname });

座機手機

$("#txtMobileTel,#txtContactTel").formValidator({ tipid: "txtMobileTelTip", onshow: "請填寫任一種聯系號碼", onfocus: "請輸入移動電話或座機電話", oncorrect: "輸入正確!" }).functionValidator({ fun: allEmpty });function allEmpty(val, elem) { if ($("#txtMobileTel").val() == "" && $("#txtContactTel").val() == "") {  return '請輸入移動電話或座機電話'; } else {  if ($("#txtMobileTel").val() != "" && $("#txtContactTel").val() != "") {   if (($("#txtMobileTel").val()).search(/^(((13[0-9]{1})|(15[0-9]{1}))+/d{8})$/) != -1) {    if (($("#txtContactTel").val()).search(/^(([0/+]/d{2,3}-)?(0/d{2,3})-)?(/d{7,8})(-(/d{3,}))?$/) != -1) { return true } else {     return "座機電話格式錯誤";    }   } else {    return "移動電話格式錯誤";   }  } else {   if ($("#txtMobileTel").val() != "") {    if (($("#txtMobileTel").val()).search(/^(((13[0-9]{1})|(15[0-9]{1}))+/d{8})$/) != -1) { return true } else {     return "移動電話格式錯誤";    }   }   if ($("#txtContactTel").val() != "") {    if (($("#txtContactTel").val()).search(/^(([0/+]/d{2,3}-)?(0/d{2,3})-)?(/d{7,8})(-(/d{3,}))?$/) != -1) { return true } else {     return "座機電話格式錯誤";    }   }  }};

例二:地區級聯下拉,當不存在二級地區的下拉解除校驗。

省市地區級聯

$("#ddlOne").formValidator({ onshow: "請選擇省市", onfocus: "省市必須選擇", oncorrect: "輸入正確" }).inputValidator({ min: 1, onerror: "請選擇有效的地區" }).functionValidator({ fun: city }); $("#ddlTwo").formValidator({ onshow: "請選擇城市", onfocus: "城市必須選擇", oncorrect: "輸入正確" }).inputValidator({ min: 1, onerror: "請選擇有效的地區" });function city(val, elem) { var a = ""; $.getJSON("../Customer/Area.ashx?parentid=" + $("#ddlOne option:selected").val(), null, function(json) {   if (json[0].areacode == "0") {   $("#ddlTwo").attr("disabled", true).unFormValidator(true); //解除校驗  }  else {   $("#ddlTwo").attr("disabled", false).unFormValidator(false); //恢復校驗  } });}

常用驗證:

整數:

復制代碼 代碼如下:
$("#zs").formValidator({onshow:"請輸入整數",oncorrect:"謝謝你的合作,你的整數正確"}).regexValidator({regexp:"intege",datatype:"enum",onerror:"整數格式不正確"});

正整數:

復制代碼 代碼如下:

$("#zzs").formValidator({onshow:"請輸入正整數",oncorrect:"謝謝你的合作,你的正整數正確"}).regexValidator({regexp:"intege1",datatype:"enum",onerror:"正整數格式不正確"});

負整數:

復制代碼 代碼如下:

$("#fzs").formValidator({onshow:"請輸入負整數",oncorrect:"謝謝你的合作,你的負整數正確"}).regexValidator({regexp:"intege2",datatype:"enum",onerror:"負整數格式不正確"});

正數:

復制代碼 代碼如下:

$("#zs1").formValidator({onshow:"請輸入正數",oncorrect:"謝謝你的合作,你的正數正確"}).regexValidator({regexp:"num1",datatype:"enum",onerror:"正數格式不正確"});

數字:

復制代碼 代碼如下:

$("#sz").formValidator({onshow:"請輸入數字",oncorrect:"謝謝你的合作,你的數字正確"}).regexValidator({regexp:"num",datatype:"enum",onerror:"數字格式不正確"});

負數:

復制代碼 代碼如下:

$("#fs").formValidator({onshow:"請輸入負數",oncorrect:"謝謝你的合作,你的負數正確"}).regexValidator({regexp:"num2",datatype:"enum",onerror:"負數格式不正確"});

浮點數:

$("#zfds").formValidator({onshow:"請輸入正浮點數",oncorrect:"謝謝你的合作,你的正浮點數正確"}).regexValidator({regexp:"decmal1",datatype:"enum",onerror:"正浮點數格式不正確"});$("#ffds").formValidator({onshow:"請輸入負浮點數",oncorrect:"謝謝你的合作,你的負浮點數正確"}).regexValidator({regexp:"decmal2",datatype:"enum",onerror:"負浮點數格式不正確"});$("#fffds").formValidator({onshow:"請輸入非負浮點數",oncorrect:"謝謝你的合作,你的非負浮點數正確"}).regexValidator({regexp:"decmal4",datatype:"enum",onerror:"非負浮點數格式不正確"});$("#fzfds").formValidator({onshow:"請輸入非正浮點數",oncorrect:"謝謝你的合作,你的非正浮點數正確"}).regexValidator({regexp:"decmal5",datatype:"enum",onerror:"非正浮點數格式不正確"});

手機:

復制代碼 代碼如下:

$("#sj").formValidator({onshow:"請輸入你的手機號碼",onfocus:"必須是13或15打頭哦",oncorrect:"謝謝你的合作,你的手機號碼正確"}).regexValidator({regexp:"mobile",datatype:"enum",onerror:"手機號碼格式不正確"});

座機:

復制代碼 代碼如下:

$("#dh").formValidator({onshow:"請輸入國內電話",onfocus:"例如:0577-88888888或省略區號88888888",oncorrect:"謝謝你的合作,你的國內電話正確"}).regexValidator({regexp:"tel",datatype:"enum",onerror:"國內電話格式不正確"});

郵箱:

復制代碼 代碼如下:

$("#email").formValidator({onshow:"請輸入你的email",onfocus:"請注意你輸入的email格式,例如:wzmaodong@126.com",oncorrect:"謝謝你的合作,你的email正確"}).regexValidator({regexp:"email",datatype:"enum",onerror:"email格式不正確"});

郵編:

復制代碼 代碼如下:

$("#yb").formValidator({onshow:"請輸入郵編",onfocus:"6位數字組成的哦",oncorrect:"謝謝你的合作,你的郵編正確"}).regexValidator({regexp:"zipcode",datatype:"enum",onerror:"郵編格式不正確"});

QQ:

復制代碼 代碼如下:

$("#qq").formValidator({onshow:"請輸入QQ號碼",oncorrect:"謝謝你的合作,你的QQ號碼正確"}).regexValidator({regexp:"qq",datatype:"enum",onerror:"QQ號碼格式不正確"});

身份證:

復制代碼 代碼如下:

$("#sfz").formValidator({onshow:"請輸入身份證",oncorrect:"謝謝你的合作,你的身份證正確"}).regexValidator({regexp:"idcard",datatype:"enum",onerror:"身份證格式不正確"});

字母:

復制代碼 代碼如下:

$("#zm").formValidator({onshow:"請輸入字母",oncorrect:"謝謝你的合作,你的字母正確"}).regexValidator({regexp:"letter",datatype:"enum",onerror:"字母格式不正確"});

大寫字母:

復制代碼 代碼如下:

$("#dxzm").formValidator({onshow:"請輸入大寫字母",oncorrect:"謝謝你的合作,你的大寫字母正確"}).regexValidator({regexp:"letter_u",datatype:"enum",onerror:"大寫字母格式不正確"});

小寫字母:

復制代碼 代碼如下:

$("#xxzm").formValidator({onshow:"請輸入小寫字母",oncorrect:"謝謝你的合作,你的小寫字母正確"}).regexValidator({regexp:"letter_l",datatype:"enum",onerror:"小寫字母格式不正確"});

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
97精品伊人久久久大香线蕉| 亚洲午夜精品久久久久久性色| 亚洲欧洲一区二区三区久久| 欧美乱大交xxxxx另类电影| 国产一区二区三区在线观看视频| 91免费在线视频网站| 国产精品久久999| 日本久久91av| 欧美日韩亚洲精品一区二区三区| 亚洲国产精品va在线| 国产精品久久久久久久一区探花| 亚洲热线99精品视频| 日韩精品久久久久| 国产精自产拍久久久久久蜜| 欧美高清videos高潮hd| 亚洲va国产va天堂va久久| 国产精品视频精品| 这里只有精品在线播放| 日韩av第一页| 久久精品国产亚洲精品2020| 国产欧美在线观看| 久久久久免费精品国产| 亚洲精品一区二区三区婷婷月| 亚洲色图激情小说| 亚洲国产古装精品网站| 欧美激情精品在线| 成人免费视频xnxx.com| 久久久久久久爱| 国产精品www| 日韩精品极品毛片系列视频| 亚洲专区中文字幕| 亚洲国产成人精品久久久国产成人一区| 亚洲男女自偷自拍图片另类| 亚洲精品电影久久久| 中文字幕亚洲无线码在线一区| 亚洲欧洲av一区二区| 欧美裸体男粗大视频在线观看| www国产精品com| 国产亚洲精品成人av久久ww| 精品成人国产在线观看男人呻吟| 日本欧美精品在线| 国产欧美日韩中文字幕| 国产精品一香蕉国产线看观看| 欧美日韩一区二区在线播放| 一本一本久久a久久精品综合小说| 亚洲欧美日韩国产成人| 欧美一级大片在线观看| 日韩最新免费不卡| 日韩成人在线视频网站| 国产精品久久久久久久久久久久久| 91国语精品自产拍在线观看性色| 亚洲免费一级电影| 91网在线免费观看| 国产精品久久精品| 久久免费国产视频| 欧美国产视频一区二区| 欧美综合一区第一页| 91精品久久久久久久久久| 亚洲白虎美女被爆操| 久久伊人免费视频| 亚洲精品视频播放| 2019中文在线观看| 日韩av网站电影| 欧美大片免费观看在线观看网站推荐| 欧美专区第一页| 8090理伦午夜在线电影| 亚洲欧美中文在线视频| 国产精品久久二区| 日韩av在线最新| 欧美日韩高清区| 国产精品久久久久久久久免费看| 欧美精品一区在线播放| 亚洲欧美激情四射在线日| 日本一区二区在线播放| 欧美一区视频在线| 97人人做人人爱| 久久久精品亚洲| 亚洲天堂av女优| 亚洲午夜色婷婷在线| 国产91在线播放九色快色| 久久综合88中文色鬼| 成人免费直播live| 亚洲伊人一本大道中文字幕| 国产免费一区视频观看免费| 91精品免费久久久久久久久| 国产99久久精品一区二区 夜夜躁日日躁| 91精品国产99久久久久久| 欧美性xxxx极品hd欧美风情| 在线亚洲男人天堂| 亚洲免费伊人电影在线观看av| 亚洲第一网站男人都懂| 国产成人久久精品| 精品久久久久人成| 波霸ol色综合久久| 国产福利视频一区二区| 久久99国产精品久久久久久久久| 日韩美女在线观看| 国产美女扒开尿口久久久| 日韩电影大片中文字幕| 国产精品扒开腿做爽爽爽男男| 欧美高清在线播放| 北条麻妃在线一区二区| 久久99精品久久久久久琪琪| 成人在线国产精品| 成人免费在线视频网址| 国产一区二区三区在线播放免费观看| 久久99精品国产99久久6尤物| 国产精品扒开腿爽爽爽视频| 成人国产亚洲精品a区天堂华泰| 疯狂欧美牲乱大交777| 97精品视频在线播放| 亚洲va欧美va在线观看| 国产综合久久久久久| 国产精品igao视频| 91久久夜色精品国产网站| 日韩欧美在线视频观看| 精品国产一区二区三区久久狼黑人| 2019最新中文字幕| www.日韩欧美| 精品国产91久久久久久老师| 国产最新精品视频| 国产精品午夜国产小视频| 亚洲国产成人精品久久| 日韩中文字幕网址| 亚洲国产小视频在线观看| 久久久久久国产精品久久| 欧美精品情趣视频| 欧美国产日韩一区二区三区| 亚洲天堂av高清| 亚洲男人天堂2019| 久久乐国产精品| 欧美精品久久久久久久免费观看| 欧美成人免费网| 欧美精品在线观看91| 亚洲国产精品电影在线观看| 国产精品视频yy9099| 97涩涩爰在线观看亚洲| 国产ts人妖一区二区三区| 亚洲男人第一网站| 国产欧美 在线欧美| 欧美午夜片欧美片在线观看| 亚洲第一视频网站| 欧美性猛交xxxx乱大交蜜桃| www.亚洲成人| 久久久久久久久久久人体| 久久99国产综合精品女同| 亚洲成年人影院在线| 欧美午夜美女看片| 国产精品91在线| 日韩精品电影网| 一二美女精品欧洲| 97久久久久久| 亚洲www视频| 97视频在线观看亚洲| 成人深夜直播免费观看| 国产精国产精品| 国产欧美精品一区二区三区介绍| 亚洲综合精品伊人久久| 欧美极品美女电影一区| 日本久久久久久久久久久| 日韩av手机在线看| 亚洲va码欧洲m码| 久久夜色精品国产亚洲aⅴ| 国产亚洲欧美视频|