使用 AngularJS 自定义表单验证

【问题标题】：Custom form validation using AngularJS使用 AngularJS 自定义表单验证
【发布时间】：2012-11-09 05:52:35
【问题描述】：

我正在尝试使用 AngularJS 来验证表单。该表单将跨越多个页面，我想在用户移动到下一个页面之前验证每个页面。

这很简单。但是，每个页面可以包含多个选项卡，我不确定如何打开和关闭特定选项卡的验证。

正如您在下面的小提琴中看到的那样，“#page1”有“个人”和“公司”。用户只能选择这两个中的一个，并且根据该选择，我必须禁用其他选项卡上的验证。使用 jQuery 动态添加 'ng-disabled' 属性不起作用。

我怎样才能做到这一点？任何帮助表示赞赏。

【问题讨论】：

【解决方案1】：

ngDisabled 接受一个表达式。您可以在每个下一个按钮上设置每个 ngDisabled 属性，以调用控制器中检查活动选项卡的函数，并执行更多逻辑（您必须弄清楚，您的小提琴很难阅读；）

【讨论】：

感谢您的建议。我在表格上取得了一些进展。我使用 ng-show 在不同的选项卡之间切换，使用 ng-disabled 禁用隐藏选项卡中的表单字段。但是，整体表单状态仍设置为“无效”，因为 Angular 正在验证禁用的表单字段。为了清楚起见，假设我有“Tab-A”和“Tab-B”。 1. 'Tab-A' 是默认的。 2.用户单击一个字段，角度将表单状态更改为无效 3.用户决定导航到“Tab-B”。 4. 'Tab-A' 中的字段被禁用，但仍保持其无效状态。 5. 表单保持其无效状态。 - 问题