easyui的驗(yàn)證框架，validatebox不能有效的支持多個(gè)條件的驗(yàn)證，比如中文用戶名，既要驗(yàn)證其是中文，又要驗(yàn)證其長(zhǎng)度不超過(guò)6位時(shí)便顯得很繁瑣，需要反復(fù)的為easyui添加驗(yàn)證規(guī)則。

在此實(shí)現(xiàn)一個(gè)多個(gè)條件驗(yàn)證的驗(yàn)證規(guī)則，使驗(yàn)證規(guī)則通過(guò)參數(shù)傳入自定義的驗(yàn)證規(guī)則中。

首先為easyui添加兩個(gè)驗(yàn)證規(guī)則，即驗(yàn)證中文，和長(zhǎng)度的規(guī)則。

? ? ? ? ? ? ? ? ? ? ??

$.extend( $.fn.validatebox.defaults.rules,{length : {//驗(yàn)證長(zhǎng)度validator : function(value, param) {var len = $.trim(value).length;$.fn.validatebox.defaults.rules.length.message = "輸入內(nèi)容長(zhǎng)度必須介于"+param[0]+"和"+param[1]+"之間.";return len >= param[0] && len <= param[1];},message :""},chinese : {// 驗(yàn)證中文validator : function(value) {return /^[\Α-\￥]+$/i.test(value);},message : '請(qǐng)輸入中文'}});

? ? ? ? 2.添加一個(gè)驗(yàn)證多條件的規(guī)則

group : {// param的值為[]中值，多條件的驗(yàn)證規(guī)則validator : function(value, param) {var flag = false;var message = "驗(yàn)證不通過(guò)";for(var i=0;i<param.length;i++){var validatorone = param[i];var validatename =validatorone;var validateParam =null;//取名稱和參數(shù)if(validatorone.indexOf('[')>0){var start = validatorone.indexOf('[')+1;var end =validatorone.indexOf(']');validateParam =validatorone.substring(start,end).split(',');validatename = validatorone.substring(0,validatorone.indexOf('['));}flag = $.fn.validatebox.defaults.rules[validatename].validator(value,validateParam);message = $.fn.validatebox.defaults.rules[validatename].message;//驗(yàn)證/*flag = eval("$.fn.validatebox.defaults.rules[validatename].validator(value,validateParam)");message=eval("$.fn.validatebox.defaults.rules[validatename].message");*/$.fn.validatebox.defaults.rules.group.message = message;if(!flag){return flag;}}return true;},message : '驗(yàn)證未通過(guò)'}

　　3.調(diào)用

<input name="name" class="easyui-validatebox" required="required" validtype="group['chinese','length[2,25]']" />

??　　由于多條件驗(yàn)證的參數(shù)是通過(guò)字符串傳遞的，所以如果子驗(yàn)證中還需要使用引號(hào)時(shí)需要轉(zhuǎn)義。

? ? ? ? ??

　　　　

轉(zhuǎn)載于:https://www.cnblogs.com/lic309/p/4061877.html

總結(jié)

以上是生活随笔為你收集整理的为easyui添加多条件验证的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。