【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中,最后在是用{}表达式来取值就可。

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

你可能感兴趣的:(validate)