jQuery插件form-validation-engine正則表達(dá)式操作示例
本文實(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è)用戶(hù)是合法的",
"alertTextLoad":"* 加載中,請(qǐng)等待",
"alertText":"* 這個(gè)用戶(hù)已經(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á)式在線(xiàn)測(cè)試工具:
http://tools.jb51.net/regex/javascript
正則表達(dá)式在線(xiàn)生成工具:
http://tools.jb51.net/regex/create_reg
更多關(guān)于jQuery相關(guān)內(nèi)容可查看本站專(zhuān)題:《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery設(shè)置表單元素為不可用的簡(jiǎn)單代碼
下面小編就為大家?guī)?lái)一篇jquery設(shè)置表單元素為不可用的簡(jiǎn)單代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
Jquery ajax執(zhí)行順序 返回自定義錯(cuò)誤信息(實(shí)例講解)
由于Jquery中的Ajax的async默認(rèn)是true(異步請(qǐng)求),如果想一個(gè)Ajax執(zhí)行完后再執(zhí)行另一個(gè)Ajax, 需要把a(bǔ)sync=false就可以了2013-11-11
jQuery下擴(kuò)展插件和拓展函數(shù)的寫(xiě)法(匿名函數(shù)使用的典型例子)
這些年,javascript火起來(lái)了,主要?dú)w功于AJAX的推廣應(yīng)用,Web2.0的發(fā)展。。。于是,出現(xiàn)了很多的javascript框架。2010-10-10
JQuery AJAX實(shí)現(xiàn)目錄瀏覽與編輯的代碼
這部分作為后臺(tái)的一部分實(shí)現(xiàn),目的是實(shí)現(xiàn)某個(gè)指定目錄下所有文件夾和文件的瀏覽,同時(shí)不顯示不允許的格式,對(duì)于文本格式和代碼文件可以進(jìn)行編輯2008-10-10
jquery獲取input的value問(wèn)題說(shuō)明
剛開(kāi)始接觸jquery,很多東西不熟悉在用$("#id")來(lái)獲得頁(yè)面的input元素的時(shí)候,發(fā)現(xiàn)$("#id").value不能取到值2010-08-08
基于jQuery的公告無(wú)限循環(huán)滾動(dòng)實(shí)現(xiàn)代碼
今天看到一個(gè)網(wǎng)站的公告欄一個(gè)小效果,如果有2條公告或以上就有個(gè)滾動(dòng)效果,特整理下分享給大家2012-05-05

