您的位置:首页 > 产品设计 > UI/UE

easyui取消表单时验证,提交时统一验证

2015-02-13 10:28 573 查看
1、设置表单不验证
<form id="ff" class="easyui-form" method="post" data-options="novalidate:true">
</form>

2、表单提交时统一验证
$('#ff').form('submit',{
onSubmit:function(){
return $(this).form('enableValidation').form('validate');
}
});
单独验证一个元素:

var isValid=$('#passwd').textbox("isValid");//true为验证通过
验证表单里所有元素:

var isValid = $('#form').form('validate');//所有字段有效返回true
方法3

$.extend($.fn.validatebox.methods, {
remove: function(jq, newposition){
return jq.each(function(){
$(this).removeClass("validatebox-text validatebox-invalid").unbind('focus').unbind('blur');
});
},
reduce: function(jq, newposition){
return jq.each(function(){
var opt = $(this).data().validatebox.options;
$(this).addClass("validatebox-text").validatebox(opt);
});
}
});


//使用
$('#id').validatebox('remove'); //删除
$('#id').validatebox('reduce'); //恢复

这中方式,也只适用于非easyui的from组件。如果是对于easyui的from组件,我们可以直接修改他的options就行了...

也可以用这个方法,这个方法是使用了jeasyui日期控件/My97DatePicker/WdatePicker.js才用的,是否对其它的有用我就不知道了,你们可以试下,试了再告诉我。

$('#ComeDate').validatebox({ required: false });//取消验证
$('#ComeDate').validatebox({ required: true });//添加验证
例如:

你需要取消combo的必须验证,你可以这样写

$('#cmid').combo({required:false}); //一般用于日期的验证删除和恢复
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: