Javascript 仅验证表单可见选项卡的所有输入字段

我是Javascript新手，我有一个表单，分为8个选项卡，其中5个始终可见，3个仅在特定条件下显示，3个禁用可见。我有一个保存按钮，当用户点击它时，我需要以所有可见的形式验证数据。 但只有活动选项卡字段是validate，然后我使用下面的脚本

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>

<script>
    $.validator.setDefaults({
        ignore: ""
    });

这是我的账单

<ul class="nav nav-tabs fixedWidth">

                                <li class="active">
                                    <a href="#tab_1_1" data-toggle="tab" id="ind">
                                        Customer Details for Individual
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_2" data-toggle="tab" id="business">
                                        Customer Details for Business
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_3" data-toggle="tab">
                                        Identification Information
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_4" data-toggle="tab">
                                        Contact Details
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_5" data-toggle="tab" id="ind1">
                                        Joint Applicant Details
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_6" data-toggle="tab" id="ind2">
                                        Customer Due Diligence
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_7" data-toggle="tab" id="business1">
                                        Customer Due Diligence (Business)
                                    </a>
                                </li>
                                <li>
                                    <a href="#tab_1_8" data-toggle="tab">
                                        Other Informations
                                    </a>
                                </li>

                            </ul>

而div是

    <div class="tab-pane fade active in" id="tab_1_1">
......
...
 <div class="tab-pane fade" id="tab_1_2">
so on

......
...
等等

请尝试此

     $.validator.setDefaults({ 
       ignore: [],
    // any other default options and/or rules
});

请试试这个

     $.validator.setDefaults({ 
       ignore: [],
    // any other default options and/or rules
});

---

将“忽略：”更改为“忽略”：“隐藏”。只有活动选项卡是“验证”，而不是“验证所有活动和非活动选项卡”。@@Umair Ikhtiar它将验证所有字段请重试此操作现在验证所有字段也隐藏选项卡字段，我只想验证那些显示为活动或不活动的选项卡字段我从您那里了解到的问题是，当用户单击该禁用（即提供该字段的输入）时，只有该字段应该得到正确的验证？有8个选项卡，一次显示5个，jquery隐藏3个，如果我选择了另一个下拉列表，使这些字段验证哪些选项卡现在显示更改忽略：“：隐藏”。只有活动选项卡是验证，不验证所有活动和非活动选项卡。@@Umair Ikhtiar它将验证所有字段请尝试此操作现在验证所有字段也隐藏选项卡字段，我只想验证那些显示活动或非活动的选项卡字段我从您那里了解到的问题是当用户单击该禁用按钮时（即为该字段提供输入）那么只有那个字段应该得到验证，对吗？jquery有8个选项卡，每次显示5个，隐藏3个。如果我选择了另一个下拉列表，那么我想验证在活动选项卡或非活动选项卡上显示的字段，以便验证现在显示的选项卡

     $.validator.setDefaults({ 
       ignore: [],
    // any other default options and/or rules
});