使用AngularJS自定义表单验证

问题描述:

我想用AngularJS来验证表单。表单将跨越多个页面,我希望在用户进入下一页之前验证每个页面。使用AngularJS自定义表单验证

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

正如你可以在下面的小提琴看到,“#第1页”有“独立”和“公司”。用户只能选择其中一个,并根据该选择,我必须禁用其他选项卡上的验证。使用jQuery动态添加'ng-disabled'属性不起作用。

我该如何做到这一点?任何帮助表示赞赏。

http://jsbin.com/ijuhos/5/edit

ngDisabled需要的表达式。您可以设置每下一个按钮,每个ngDisabled属性来调用你的控制器的功能,它检查活动标签,并且也做更多的逻辑(你要搞清楚,你的小提琴是一种难以阅读;)

+0

感谢建议。我在表格中取得了一些进展。我使用了ng-show在不同的标签之间切换,禁用了ng-disable以禁用隐藏标签中的表单域。但是,整体表单状态仍然设​​置为“无效”,因为Angular正在验证禁用的表单域。要说清楚,说我有'Tab-A'和'Tab-B'。 1.'Tab-A'是默认值。上一个字段 2.用户点击,角度变化形成状态为无效 3.用户决定以导航到“标签-B”。在“选项卡 - ” 4场被禁止,但仍保留其无效状态。 5.形式保留其无效状态。 - 问题 – Sparda