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

最新推荐文章于 2021-09-29 11:44:13 发布

转载最新推荐文章于 2021-09-29 11:44:13 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bolanbujing/p/4289793.html

文章标签：

#javascript #ViewUI

本文介绍了在EasyUI框架中如何灵活地管理表单验证，包括整体禁用验证、单个元素验证及恢复验证的方法。此外，还提供了一些实用代码示例来帮助开发者更好地理解和应用这些技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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}); //一般用于日期的验证删除和恢复

转载于:https://www.cnblogs.com/bolanbujing/p/4289793.html