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

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

成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)的開(kāi)發(fā)，更需要了解用戶，從用戶角度來(lái)建設(shè)網(wǎng)站，獲得較好的用戶體驗(yàn)。創(chuàng)新互聯(lián)公司多年互聯(lián)網(wǎng)經(jīng)驗(yàn)，見(jiàn)的多，溝通容易、能幫助客戶提出的運(yùn)營(yíng)建議。作為成都一家網(wǎng)絡(luò)公司，打造的就是網(wǎng)站建設(shè)產(chǎn)品直銷(xiāo)的概念。選擇創(chuàng)新互聯(lián)公司，不只是建站，我們把建站作為產(chǎn)品，不斷的更新、完善，讓每位來(lái)訪用戶感受到浩方產(chǎn)品的價(jià)值服務(wù)。

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á)式，很有意思。

jQuery插件form-validation-engine正則表達(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)容可查看本站專(zhuān)題：《jQuery正則表達(dá)式用法總結(jié)》、《jQuery字符串操作技巧總結(jié)》、《jQuery操作xml技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

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

當(dāng)前文章：jQuery插件form-validation-engine正則表達(dá)式操作示例
URL分享：http://www.muchs.cn/article26/gjghcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、域名注冊(cè)、云服務(wù)器、虛擬主機(jī)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站改版

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

猜你還喜歡下面的內(nèi)容