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库。