jQuery插件form-validation-engine正則表達式操作示例
本文實例講述了jQuery插件form-validation-engine正則表達式操作。分享給大家供大家參考,具體如下:
form-validation-engine是一個不錯的表單驗證插件,示例如下:
(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":"* 請選擇選項", "alertTextCheckboxe":"* 需要這個復(fù)選框"}, "length":{ "regex":"none", "alertText":"*在 ", "alertText2":" 和 ", "alertText3": " 之間"}, "maxCheckbox":{ "regex":"none", "alertText":"* 檢查允許超過"}, "minCheckbox":{ "regex":"none", "alertText":"* 請選擇 ", "alertText2":" 選項"}, "confirm":{ "regex":"none", "alertText":"* 你的字段不匹配"}, "telephone":{ "regex":"/^[0-9\-\(\)\ ]+$/", "alertText":"* 無效的號碼"}, "email":{ "regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/", "alertText":"* 無效的郵箱"}, "date":{ "regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/", "alertText":"* 無效的日期,必須是YYYY-MM-DD的格式"}, "onlyNumber":{ "regex":"/^[0-9\ ]+$/", "alertText":"* 只允許輸入數(shù)字"}, "noSpecialCaracters":{ "regex":"/^[0-9a-zA-Z]+$/", "alertText":"* 有非法字符"}, "ajaxUser":{ "file":"validateUser.php", "extraData":"name=eric", "alertTextOk":"* 這個用戶是合法的", "alertTextLoad":"* 加載中,請等待", "alertText":"* 這個用戶已經(jīng)存在"}, "ajaxName":{ "file":"validateUser.php", "alertText":"* 這個名字已經(jīng)被使用", "alertTextOk":"* 這個名字是可以的", "alertTextLoad":"* 加載中,請等待"}, "onlyLetter":{ "regex":"/^[a-zA-Z\ \']+$/", "alertText":"* 只允許輸入字母"}, "validate2fields":{ "nname":"validate2fields", "alertText":"* 你必須有姓和名"} } } } })(jQuery); $(document).ready(function() { $.validationEngineLanguage.newLang() });
這里面有不少正則表達式,很有意思。
很有意思的form表單驗證。
PS:這里再為大家提供2款非常方便的正則表達式工具供大家參考使用:
JavaScript正則表達式在線測試工具:
http://tools.jb51.net/regex/javascript
正則表達式在線生成工具:
http://tools.jb51.net/regex/create_reg
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專題:《jQuery正則表達式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
一款Jquery 分頁插件的改造方法(服務(wù)器端分頁)
分頁幾乎是每個外部程序必不可少的東西,在webform時代很多人都用過AspNetPager這個用戶控件吧,用的人之多其實就在于它的優(yōu)點2011-07-07jquery實現(xiàn)仿新浪微博帶動畫效果彈出層代碼(可關(guān)閉、可拖動)
這篇文章主要介紹了jquery實現(xiàn)仿新浪微博帶動畫效果彈出層代碼,具有可關(guān)閉及可拖動的功能,涉及jQuery針對鼠標(biāo)事件的響應(yīng)及頁面元素屬性的變換功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10jQuery實現(xiàn)側(cè)邊欄隱藏與顯示的方法詳解
這篇文章主要介紹了jQuery實現(xiàn)側(cè)邊欄隱藏與顯示的方法,結(jié)合實例形式較為詳細的分析了jQuery基于事件響應(yīng)與頁面元素屬性動態(tài)操作實現(xiàn)元素顯示與隱藏功能的相關(guān)操作技巧,需要的朋友可以參考下2018-12-12jQuery中DOM節(jié)點的刪除方法總結(jié)(超全面)
這篇文章主要介紹了jQuery中DOM節(jié)點的刪除方法,文中介紹的很相信,內(nèi)容包括empty()的基本用法、remove()的有參用法和無參用法、empty和remove區(qū)別、保留數(shù)據(jù)的刪除操作detach()以及detach()和remove()區(qū)別,需要的朋友可以參考借鑒。2017-01-01Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法
這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過實例代碼以及圖文介紹的非常詳細,對大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06jquery的父、子、兄弟節(jié)點查找,節(jié)點的子節(jié)點循環(huán)方法
下面小編就為大家?guī)硪黄猨query的父、子、兄弟節(jié)點查找,節(jié)點的子節(jié)點循環(huán)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12