【easuyi】---easyui中的验证validatebox自定义

这里比较简单的使用就不再多说，主要说一下自定义的validatebox。

1.验证密码是否相等，这个直接参考给定的列子就行，这里主要学习这种灵活使用的方式和方法。

<input id="pwd" name="pwd" type="password" class="easyui-validatebox" data-options="required:true" />   
<input id="rpwd" name="rpwd" type="password" class="easyui-validatebox"     
    required="required" validType="equals['#pwd']" />

对应的在扩展中的写法如下：

$.extend($.fn.validatebox.defaults.rules, {
equals: {    
        validator: function(value,param){    
            return value == $(param[0]).val();    
        },    
        message: '两次输入的密码不一样！'   
    }    
}

从上面可以看出，是怎么得到第一次输入的密码的值得：它是通过传递第一个密码的id来做的，所有由此而来，

 

知道一个，再去获得另一个相关的，方法有好几种。这里由于我不精通，随用随学的风格，不在多说。

 

2.再看另一个有参数和属性的

<input id="v3" class="easyui-validatebox" palce="你你你你！" data-options="required:true,validType:'minLenght[4]'">

有时我们会在元素上添加自己的提示信息，如上面的palce。

一般在验证ji中如何写呢。

$.extend($.fn.validatebox.defaults.rules, {
    minLenght:{
        validator:function(value,param){
            var palce = $(this).attr("palce");
            param.push(palce);
            return value.length>=param[0];
        },
        message:'please enter at least {0},{1},'
    }
}

思想就是通过$(this)来获得该元素的jquery对象，再去通过attr()来获得自己的值，获得值后再添加到数组param中，最后在是用{}表达式来取值就可。

以上就是在实际的代码开发中常使用而不太注意的。

转载于:https://www.cnblogs.com/haoke/p/4596434.html