使用Ng要求的角度形式验证

时间:2013-11-27 15:56:55

标签: javascript forms angularjs

FIDDLE HERE:http://jsfiddle.net/TegFf/48/

我有一个带有单选按钮的表单(请在下面提示),该表单应验证是否:

  1. 您选择了一个与美元金额相关的单选按钮
  2. 您选择自定义并输入值
  3. 我认为,我的问题是Ng-Required I已经输入了一个输入字段,无法正确注册它是否需要。

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

2 个答案:

答案 0 :(得分:2)

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

一些事情:

  • 第一个广播输入具有不同的name
  • 将标签内的手动数量与单选按钮一起包裹可防止您对该区域进行对焦。
  • AngularJS表单在所有字段都有效之前无效,因此如果添加更多调试代码以查看哪个字段实际上无效,则更容易。

答案 1 :(得分:0)

您的第一个单选按钮需要有&#39; name =&#34;捐赠&#34;&#39;添加到它。另一个问题是,一旦可变手册设置为“是”,它将始终保持为是。您应该减少变量的数量,或者在指令中设置自定义验证。