正在验证仅可见选项卡jquery的所有输入字段
Hy, 我的表单分为4个选项卡,其中3个始终可见,1个仅在特定条件下显示。我有一个保存按钮,当用户点击它时,我需要以所有可见的形式验证数据。问题是,当第四个选项卡被隐藏时,它会包含在验证过程中。 这是我的调用,请执行jquery验证正在验证仅可见选项卡jquery的所有输入字段,jquery,html,forms,Jquery,Html,Forms,Hy, 我的表单分为4个选项卡,其中3个始终可见,1个仅在特定条件下显示。我有一个保存按钮,当用户点击它时,我需要以所有可见的形式验证数据。问题是,当第四个选项卡被隐藏时,它会包含在验证过程中。 这是我的调用,请执行jquery验证 $('#frmEdit_SociBDP').validate({ignore:"ui-tabs-hide", invalidHandler: function(e, validator){ if(validator.errorList.leng
$('#frmEdit_SociBDP').validate({ignore:"ui-tabs-hide",
invalidHandler: function(e, validator){
if(validator.errorList.length)
$('#tabs a[href="#' + jQuery(validator.errorList[0].element).closest(".tab- pane").attr('id') + '"]').tab('show');
}});
我不知道是否有其他字符串要传递以忽略,从而忽略隐藏的选项卡,或者可能有其他解决方法,即从必须验证的字段中删除所需的类,
有人有什么想法吗?
谢谢
编辑:这是我的表单html代码的一部分
<ul class="nav nav-tabs" id="tabs" style="width:900px">
<li class="active"><a href="#tab-AnagraficaBase" data-toggle="tab">Anagrafica base</a></li>
<li id="completa" style=""><a href="#tab-AnagraficaCompleta" data-toggle="tab">Anagrafica completa</a></li>
<li id="attachments" style=""><a href="#tab-Allegati" data-toggle="tab">Allegati</a></li>
<li id="info" style="display: none;"><a href="#tab-Aziende" data-toggle="tab">Info Azienda</a></li>
</ul>
这是选项卡内容div
<div id="tab-AnagraficaBase">//many inputs</div>
<div id="tab-AnagraficaCompleta">//many inputs</div>
<div id="tab-Aziende">//many inputs</div>
<div id="tab-Allegati">//other inputs</div>
//许多输入
//许多输入
//许多输入
//其他投入
看起来问题出在忽略选择器上
您可以安全地删除该属性,因为默认配置忽略验证中的隐藏元素-默认选项忽略:“:hidden”
您的选择器
ui选项卡hide
似乎有误,因为它看起来像一个类,但您将它用作元素选择器而不是类选择器
试试看
ignore:".ui-tabs-hide :input"
我尝试删除ingore,但此时只有活动选项卡的输入得到验证,然后我尝试使用ignore:“.ui tabs hide:input”但没有任何更改如何分离隐藏选项卡。。。是否有任何其他属性分配给它,并将ui选项卡隐藏类添加到div中