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

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

成都創(chuàng)新互聯(lián)公司2013年至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元忠縣做網(wǎng)站,已為上家服務(wù),為忠縣各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

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":"*

請選擇選項(xiàng)",

"alertTextCheckboxe":"*

需要這個(gè)復(fù)選框"},

"length":{

"regex":"none",

"alertText":"*在

",

"alertText2":"

和

",

"alertText3":

"

之間"},

"maxCheckbox":{

"regex":"none",

"alertText":"*

檢查允許超過"},

"minCheckbox":{

"regex":"none",

"alertText":"*

請選擇

",

"alertText2":"

選項(xiàng)"},

"confirm":{

"regex":"none",

"alertText":"*

你的字段不匹配"},

"telephone":{

"regex":"/^[0-9\-\(\)\

]+$/",

"alertText":"*

無效的號(hào)碼"},

"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":"*

這個(gè)用戶是合法的",

"alertTextLoad":"*

加載中，請等待",

"alertText":"*

這個(gè)用戶已經(jīng)存在"},

"ajaxName":{

"file":"validateUser.php",

"alertText":"*

這個(gè)名字已經(jīng)被使用",

"alertTextOk":"*

這個(gè)名字是可以的",

"alertTextLoad":"*

加載中，請等待"},

"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á)式在線測試工具：

正則表達(dá)式在線生成工具：

更多關(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ì)有所幫助。

用jquery的validate插件驗(yàn)證表單元素的值，驗(yàn)證checkbox時(shí)出錯(cuò)，求大神幫忙，萬分感謝啊！

jquery.validate最方便的驗(yàn)證方式是在class里邊寫驗(yàn)證規(guī)則，這種寫法也支持動(dòng)態(tài)加載的元素，樓主可以了解一下

另外，你這里的checkbox是是不會(huì)參加校驗(yàn)的，返回false可能是其他原因

jQuery表單驗(yàn)證插件獲取輸入有誤時(shí)的提示信息

代碼沒有,可以告訴你怎么做.

你可以直接就在表單里把要提示的內(nèi)容寫好,然后用display先隱藏,jquery判斷時(shí),如果發(fā)現(xiàn)輸入有誤,就將要提示的內(nèi)容顯示就可以了.display顯示時(shí)會(huì)自動(dòng)加高表單的高度的.

怎么使用jquery驗(yàn)證表單

這里提供兩個(gè)牛B的常用的jQuery表單驗(yàn)證插件：

1、實(shí)例講解表單驗(yàn)證插件Validation的應(yīng)用

2、Validetta : 輕量級(jí)的表單驗(yàn)證工具

網(wǎng)站題目：jquery表單驗(yàn)證插件,jquery表單驗(yàn)證插件validate為什么查不到
分享網(wǎng)址：http://chinadenli.net/article23/dsidscs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、企業(yè)建站、做網(wǎng)站、ChatGPT、標(biāo)簽優(yōu)化、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)