jQuery validationEngine自訂提醒,jqueryvalidation

來源:互聯網
上載者:User

jQuery validationEngine自訂提醒,jqueryvalidation
在網上看了好多自訂驗證樣式,好多都是不是自己想要的!
開啟源碼,看了一下挺簡單的!
將下面的樣式添加到頁面上就可以實現黑色主題的提醒!

想要什麼樣式基本都可以自己修改了!很方便


/*驗證樣式*/.formError .formErrorContent {width: 100%;/*錯誤提示框顏色*/background: #000;position:relative;color: #fff;width:auto;white-space:nowrap;font-size: 11px;line-height:17px;border: 1px solid #fff;box-shadow: 0 0 6px #fff;-moz-box-shadow: 0 0 6px #fff;-webkit-box-shadow: 0 0 6px #fff;padding: 3px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}.formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;/*錯誤提示箭頭顏色*/background: #000;margin: 0 auto;line-height: 0;font-size: 0;display: block;}



各位大蝦:jQuery-validationEngine驗證規則為何一定要寫在class屬性裡,不可以改?

function _customRegex(caller,rules,position){ // VALIDATE REGEX RULES
var customRule = rules[position+1];
var pattern = eval($.validationEngine.settings.allrules[customRule].regex);

if(!pattern.test($(caller).attr('value'))){
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules[customRule].alertText+"<br />";
i=rules.length;
}
}
在.js檔案中有這個方法 是專門用來驗證正則的 所以 驗證正則最簡單的辦法就是直接在-cn.js檔案中添加
"identitys":{
"regex":/(^\d{15}$)|(^\d{17}([0-9]|X)$)/,
"alertText":"* 請輸入有效社會安全號碼碼"}
然後使用的時候直接custom[identitys]

還有.js中_funcCall()這個方法是專門用來自訂驗證規則的,直接執行你寫好的js方法來得到驗證
比方說你寫好了一個js方法 function ABC() {
if(驗證通過)
{ return true;}
else
{ return false;}
}
然後在-cn.js檔案中添加
"CBA":{
"nname":"ABC",
"alertText":"* 驗證結果錯誤"}
最後調用的時候 直接funcCall[CBA]
這兩種常用點吧 基本問題都能解決了
 
jquery-validation-engine驗證,出現浮動提示資訊,jsp頁面會往上滾動一下,問是什情況,怎解決

這是驗證配置項中有一條是頁面滾動到第一個未通過驗證的表單項位置。可以寫個自訂的初始化配置。具體看jv的參考書
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.