日期:2014-05-16  浏览次数:20408 次

Jquery easyui 某个大神做了扩展,本人小白不懂放哪,求大神指教!
Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个输出框中值相等的验证,所以我做了下扩展。

/**
 * @author yukaizhao
 */
$.extend($.fn.validatebox.defaults.rules, {  
    /*必须和某个字段相等*/
    equalTo: {
        validator:function(value,param){
            return $(param[0]).val() == value;
        },
        message:'字段不匹配'
    }
           
});
使用示例:

密码: <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/>
<br/>
确认密码:<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox"  validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/>
将validType属性指定为equalTo['#password']即可。

当然使用这个小插件,必须要先引用jquery easyui的js库。



上面的js扩展该放哪呢?
------解决方案--------------------
easyui的代码加载完后,使用该验证方式前,一句话,紧接着easyui的js节点就行了
------解决方案--------------------
本帖最后由 showbo 于 2014-04-09 17:44:59 编辑
<script src="jq框架文件"></script>
<script src="easyui类库文件"></script>
<script src="你的那个扩展文件"></script>

注意循序
------解决方案--------------------
你可以这样,把它放到jquery.easyui.min.js最后面,不需要任何包着,直接另起一行粘贴即可。
------解决方案--------------------
$.extend($.fn.validatebox.defaults.rules, {  
    /*必须和某个字段相等*/
    equalTo: {
        validator:function(value,param){
            return $(param[0]).val() == value;
        },
        message:'字段不匹配'
    }           
});
以上代码直接放jquery.easyui.min.js最后面。