Html 引导选项卡中的表单验证（AngularJS）

某些上下文：

• AngularJS 1.4
• 引导程序3.3.7

我正在使用引导选项卡导航和表单中的面板。 在每个面板内，我有一个输入，它是必需的

默认验证无法聚焦（更改活动选项卡）并在验证后显示错误消息

（console.log）：

很多“解决方案”提到删除所需属性（从隐藏的输入中），但这不是我想要的，因为我需要验证所有输入

我尝试使用ngModel验证器，但我不确定它是否是满足我需要的有效路径

我试图实现的是能够检查输入的值，如果无效，则在表单提交时显示其选项卡

多谢各位

[找到解决方案！]

控制器：

查看（表格）：

提交

---

据我所知，ng在实际表单提交/验证之前执行

已找到解决方案并添加到描述中。。。你可以关闭这个。谢谢找到并添加到描述中的解决方案。。。你可以关闭这个。非常感谢。

An invalid form control with name='' is not focusable.

$scope.tabsValidation = form => {
        let first = jQuery(`form[name="${form.$name}"] input.ng-invalid`).closest('.tab-pane');
        let firstID = first.attr('id');
        jQuery('.nav a[data-target="#' + firstID + '"]').tab('show');
    };

<button class="btn" type="submit" ng-click="tabsValidation(formName)">
    Submit
</button>