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

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

weixin_30763397

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

阅读量186

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

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

本文介绍了在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);
            });
        }
    });