jQuery插件form-validation-engine正則表達式操作示例
更新時間：2017年02月09日 11:06:29 作者：牛逼的霍嘯林
這篇文章主要介紹了jQuery插件form-validation-engine正則表達式操作,結合實例形式分析了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":"* 需要這個復選框"},
"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
更多關于jQuery相關內(nèi)容可查看本站專題：《jQuery正則表達式用法總結》、《jQuery字符串操作技巧總結》、《jQuery操作xml技巧總結》、《jQuery擴展技巧總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
下面小編就為大家?guī)硪黄猨query設置表單元素為不可用的簡單代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本篇文章主要是對jquery 刪除字符串最后一個字符的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
本文給大家詳細介紹了jQuery中的原型方法map的使用指南和源碼分析，十分的不錯，對于大家學習jQuery非常有幫助，這里推薦給大家。2015-07-07
Jquery ajax執(zhí)行順序 返回自定義錯誤信息(實例講解)
由于Jquery中的Ajax的async默認是true(異步請求),如果想一個Ajax執(zhí)行完后再執(zhí)行另一個Ajax, 需要把async=false就可以了2013-11-11
jQuery下擴展插件和拓展函數(shù)的寫法（匿名函數(shù)使用的典型例子）
這些年，javascript火起來了，主要歸功于AJAX的推廣應用，Web2.0的發(fā)展。。。于是，出現(xiàn)了很多的javascript框架。2010-10-10
jQuery基礎框架:原型模式結構、返回選擇器實例、訪問原型方法、自執(zhí)行匿名函數(shù)詳細介紹，需要了解的朋友可以參考下2012-12-12
這部分作為后臺的一部分實現(xiàn)，目的是實現(xiàn)某個指定目錄下所有文件夾和文件的瀏覽，同時不顯示不允許的格式，對于文本格式和代碼文件可以進行編輯2008-10-10
剛開始接觸jquery，很多東西不熟悉在用$("#id")來獲得頁面的input元素的時候，發(fā)現(xiàn)$("#id").value不能取到值2010-08-08
這篇文章主要介紹了jquery左右全屏大尺寸多圖滑動效果，特別適合用商城網(wǎng)站，視覺上特別有沖擊感，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
基于jQuery的公告無限循環(huán)滾動實現(xiàn)代碼
今天看到一個網(wǎng)站的公告欄一個小效果，如果有2條公告或以上就有個滾動效果，特整理下分享給大家2012-05-05