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最后面。