欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery插件form-validation-engine正則表達(dá)式操作示例

 更新時(shí)間:2017年02月09日 11:06:29   作者:牛逼的霍嘯林  
這篇文章主要介紹了jQuery插件form-validation-engine正則表達(dá)式操作,結(jié)合實(shí)例形式分析了jQuery插件form-validation-engine進(jìn)行正則驗(yàn)證操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery插件form-validation-engine正則表達(dá)式操作。分享給大家供大家參考,具體如下:

form-validation-engine是一個(gè)不錯(cuò)的表單驗(yàn)證插件,示例如下:

(function($) {
 $.fn.validationEngineLanguage = function() {};
 $.validationEngineLanguage = {
  newLang: function() {
   $.validationEngineLanguage.allRules =  {"required":{ // Add your regex rules here, you can take telephone as an example
      "regex":"none",
      "alertText":"* 必選字段",
      "alertTextCheckboxMultiple":"* 請(qǐng)選擇選項(xiàng)",
      "alertTextCheckboxe":"* 需要這個(gè)復(fù)選框"},
     "length":{
      "regex":"none",
      "alertText":"*在 ",
      "alertText2":" 和 ",
      "alertText3": " 之間"},
     "maxCheckbox":{
      "regex":"none",
      "alertText":"* 檢查允許超過(guò)"},
     "minCheckbox":{
      "regex":"none",
      "alertText":"* 請(qǐng)選擇 ",
      "alertText2":" 選項(xiàng)"},
     "confirm":{
      "regex":"none",
      "alertText":"* 你的字段不匹配"},
     "telephone":{
      "regex":"/^[0-9\-\(\)\ ]+$/",
      "alertText":"* 無(wú)效的號(hào)碼"},
     "email":{
      "regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
      "alertText":"* 無(wú)效的郵箱"},
     "date":{
       "regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
       "alertText":"* 無(wú)效的日期,必須是YYYY-MM-DD的格式"},
     "onlyNumber":{
      "regex":"/^[0-9\ ]+$/",
      "alertText":"* 只允許輸入數(shù)字"},
     "noSpecialCaracters":{
      "regex":"/^[0-9a-zA-Z]+$/",
      "alertText":"* 有非法字符"},
     "ajaxUser":{
      "file":"validateUser.php",
      "extraData":"name=eric",
      "alertTextOk":"* 這個(gè)用戶是合法的",
      "alertTextLoad":"* 加載中,請(qǐng)等待",
      "alertText":"* 這個(gè)用戶已經(jīng)存在"},
     "ajaxName":{
      "file":"validateUser.php",
      "alertText":"* 這個(gè)名字已經(jīng)被使用",
      "alertTextOk":"* 這個(gè)名字是可以的",
      "alertTextLoad":"* 加載中,請(qǐng)等待"},
     "onlyLetter":{
      "regex":"/^[a-zA-Z\ \']+$/",
      "alertText":"* 只允許輸入字母"},
     "validate2fields":{
      "nname":"validate2fields",
      "alertText":"* 你必須有姓和名"}
     }
  }
 }
})(jQuery);
$(document).ready(function() {
 $.validationEngineLanguage.newLang()
});

這里面有不少正則表達(dá)式,很有意思。

很有意思的form表單驗(yàn)證。

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

JavaScript正則表達(dá)式在線測(cè)試工具:
http://tools.jb51.net/regex/javascript

正則表達(dá)式在線生成工具:
http://tools.jb51.net/regex/create_reg

更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題:《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 一款Jquery 分頁(yè)插件的改造方法(服務(wù)器端分頁(yè))

    一款Jquery 分頁(yè)插件的改造方法(服務(wù)器端分頁(yè))

    分頁(yè)幾乎是每個(gè)外部程序必不可少的東西,在webform時(shí)代很多人都用過(guò)AspNetPager這個(gè)用戶控件吧,用的人之多其實(shí)就在于它的優(yōu)點(diǎn)
    2011-07-07
  • jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法

    jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法

    這篇文章主要介紹了jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法,提供了四種放大鏡效果供大家選擇使用,并附有完整的源碼下載地址,需要的朋友可以參考下
    2015-06-06
  • jquery實(shí)現(xiàn)仿新浪微博帶動(dòng)畫效果彈出層代碼(可關(guān)閉、可拖動(dòng))

    jquery實(shí)現(xiàn)仿新浪微博帶動(dòng)畫效果彈出層代碼(可關(guān)閉、可拖動(dòng))

    這篇文章主要介紹了jquery實(shí)現(xiàn)仿新浪微博帶動(dòng)畫效果彈出層代碼,具有可關(guān)閉及可拖動(dòng)的功能,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)及頁(yè)面元素屬性的變換功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-10-10
  • jQuery實(shí)現(xiàn)側(cè)邊欄隱藏與顯示的方法詳解

    jQuery實(shí)現(xiàn)側(cè)邊欄隱藏與顯示的方法詳解

    這篇文章主要介紹了jQuery實(shí)現(xiàn)側(cè)邊欄隱藏與顯示的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery基于事件響應(yīng)與頁(yè)面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)元素顯示與隱藏功能的相關(guān)操作技巧,需要的朋友可以參考下
    2018-12-12
  • jQuery中DOM節(jié)點(diǎn)的刪除方法總結(jié)(超全面)

    jQuery中DOM節(jié)點(diǎn)的刪除方法總結(jié)(超全面)

    這篇文章主要介紹了jQuery中DOM節(jié)點(diǎn)的刪除方法,文中介紹的很相信,內(nèi)容包括empty()的基本用法、remove()的有參用法和無(wú)參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別,需要的朋友可以參考借鑒。
    2017-01-01
  • Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法

    Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法

    這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過(guò)實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2023-06-06
  • jquery插件推薦瀏覽器嗅探userAgent

    jquery插件推薦瀏覽器嗅探userAgent

    這里給大家推薦一款瀏覽器嗅探的jQuery插件useragent,兼容各大瀏覽器,在做項(xiàng)目的時(shí)候經(jīng)常要用到,非常的實(shí)用
    2014-11-11
  • jquery的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法

    jquery的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法

    下面小編就為大家?guī)?lái)一篇jquery的父、子、兄弟節(jié)點(diǎn)查找,節(jié)點(diǎn)的子節(jié)點(diǎn)循環(huán)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-12-12
  • jQuery DOM操作 基于命令改變頁(yè)面

    jQuery DOM操作 基于命令改變頁(yè)面

    每天都在與DOM打交道而且暈頭轉(zhuǎn)向,不過(guò),自打咱認(rèn)識(shí)了jQuery: 是操作屬性也不煩了,插入新元素也不暈了,連移動(dòng)元素及包裝元素咱也不抽筋了。。
    2010-01-01
  • 基于jQuery實(shí)現(xiàn)的QQ表情插件

    基于jQuery實(shí)現(xiàn)的QQ表情插件

    大家在qq聊天或者是玩微信時(shí)發(fā)表自己的心情,都會(huì)允許加入表情,大家知道qq表情是怎么實(shí)現(xiàn)的嗎,接下來(lái),通過(guò)本篇文章給大家實(shí)例講解基于jQuery實(shí)現(xiàn)的QQ表情插件,需要的朋友可以參考下
    2015-08-08

最新評(píng)論