plunkr 链接
https://plnkr.co/edit/vuktW1bWSNIoV43Qp8DC?p=preview
<form name="myForm">
<div ng-repeat ="ndc in NDCarray">
<div class="col-sm-4 type7" style="font-size:14px;">
<div style="margin-bottom:5px;">NDC9</div>
<label>Number:
<input type="number" ng-model="ndc.value"
min="0" max="99" name="{{'input_'+$index}}" required>
</label>
<div role="alert">
<span class="error" ng-show="myForm.input.$dirty && myForm.input.$error.required">
Required!</span>
<span class="error" ng-show="myForm.input.$error.number">
Not valid number!</span>
</div>
<tt>value = {{example.value}}</tt><br/>
<tt>myForm['input_{{$index}}'].$valid = {{myForm['input_'+$index].$valid}}</tt><br/>
<tt>myForm['input_{{$index}}'].$error = {{myForm['input_'+$index].$error}}</tt><br/>
</div>
<div class="col-sm-4 type7 " style="font-size:14px;">
<div style="padding-top:20px; display:block">
<span class="red" id="delete" ng-class="{'disabled' : 'true'}" ng-click="NDCdelete($index)">Delete</span>
<span>Cancel </span>
<span id="addRow" style="cursor:pointer" ng-click="NDCadd()">Add </span>
</div>
</div>
</div>
<tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
<tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
<button>Save</button>
</form>
我们可以输入数字值并单击添加,它将创建具有相同选项(删除、取消、添加)的新文本框。该文本框有一些验证
- 必填
- 最小和最大范围 如果我通过单击添加动态创建 4 个文本框并更改任何文本框的值会导致验证失败,我想禁用 ng-repeat 之外的保存按钮。
如果任何文本框验证失败,需要禁用保存按钮。
最佳答案
您可以尝试以下操作吗:
<button ng-disabled="!myForm.$valid">Save</button>
据我了解您的问题,这就是您想要实现的目标?
关于javascript - 根据 ng-repeat angularjs 内部的控件验证禁用按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38741154/