Angularjs 表单验证和禁用按钮

在上面的问题中，我有三个单选按钮，允许用户支付余额、最低金额和其他
数量。当用户单击第三个单选按钮时，它会打开一个带有输入的div，用户可以在其中输入他们的
金额，此字段有一些验证。随后，对下一个字段集进行了验证。 我想禁用提交按钮，直到表单有效。但即使我在单选按钮中选择了余额或最低金额付款选项，提交按钮仍然处于禁用状态（等待表单生效。可能正在寻找验证，这是第三个选项）。我怎样才能避免这种情况

HTML

字段集标题


余额：130美元


最低金额：4美元


支付不同金额


请输入您的付款

这是因为

otherAmountpay

字段仍然无效，因为它已被标记为需要，即使未显示，仍将验证它。因此，您需要根据需要验证的时间（仅当选择了“其他付款”时）在文本框上设置“必需”约束条件。您可以使用

ng required

。i、 e

ng required=“pay=='otherAmount'”

，仅当选择“其他金额”选项时才设置必填字段

<input  id="Tel1" name="otherAmountpay" ng-model="otherAmountpay" 
                       class="form-control" type="number" ng-required="pay=='otherAmount'"/>

---

这不起作用的原因是，您无论如何都需要一个项目，即使是隐藏的。您应该将其设置为必需，仅当它确实是必需的时，例如ng required={..}或使用嵌套的ng表单元素Thank。与ng一起工作需要={..}:）顺便说一句，John Locke来自LOST？？哈哈哈，当然是我

<input  id="Tel1" name="otherAmountpay" ng-model="otherAmountpay" 
                       class="form-control" type="number" ng-required="pay=='otherAmount'"/>