Angular 表单验证使用 Ng-Required答案

【问题标题】：Angular Form Validation Using Ng-RequiredAngular 表单验证使用 Ng-Required
【发布时间】：2013-11-27 15:56:54
【问题描述】：

在这里提琴：http://jsfiddle.net/TegFf/48/

我有一个带有单选按钮的表单（请在下面拨弄一下），它应该验证是否：

您选择一个与美元金额相关的单选按钮
您选择自定义并输入值

我认为，我的问题是我在输入字段上放置的 Ng-Required 没有正确注册它是否需要。

<input name="donation" type="radio" value="yes" ng-model="manual" required="false">
<input type="number" ng-model="donation" ng-required="manual === 'yes'">

【问题讨论】：

标签： javascript forms angularjs

【解决方案1】：

http://jsfiddle.net/TegFf/49/

几件事：

第一个无线电输入具有不同的name。
将手动金额与单选按钮一起包含在标签内可防止您聚焦字段。
AngularJS 表单在所有字段都有效之前无效，因此如果您添加更多调试代码以查看哪个字段实际上无效，会更容易。

【讨论】：

【解决方案2】：

您的第一个单选按钮需要添加 'name="donation"'。另一个问题是，一旦可变手册设置为“是”，它将始终保持“是”。您应该减少变量的数量，或者在指令中设置自定义验证。

【讨论】：