To validate a checkbox field, you have to extend a new validate rule and apply it to this field.
$.extend($.fn.validatebox.defaults.rules,{
checked: {
validator:function(value,param){
var c = $(param[0]);
if (!c[0]._binded){
c[0]._binded = true;
c.unbind('.cc').bind('change.cc',function(){
c.validatebox('validate');
})
}
return c.is(':checked');
},
message:'Please check it.'
}
})
Apply this 'checked' rule to an existing field.
<input id="cc" type="checkbox" name="n1" class="easyui-validatebox"
data-options="required:true,validType:'checked[\'#cc\']'">