输入文本框 ng-repeat内的验证

Input text Box Validation inside ng-repeat

本文关键字：验证 ng-repeat 文本 输入      更新时间：2024-06-14

我有一个ng-repeat函数，其中显示3个输入文本框。但是理智的按钮似乎没有应用验证(只有当我填写所有三个输入时，我才需要启用"保存"按钮(

<form name="myForm" novalidate>
    <div ng-repeat="item in items">
    <input type="text" ng-model=item.name required class="form-control">
    </div>
</form>
<button type="button"  ng-disabled="myForm.$invalid" ng-click="save()">Save</button>

控制器：

$scope.items=[{
                id:1,
                name:VALUE1
              },{
                id:2,
                name:VALUE2
              },{
                id:3,
                name:VALUE3
            }]

您的代码似乎工作正常。只需要知道，如果您的模型为空，那么它将禁用按钮：-

<div ng-controller="MyCtrl">
<form name="myForm" novalidate>
    <div ng-repeat="item in items">
    <input type="text" ng-model=item.name required class="form-control">
    </div>
</form>
<button type="button"  ng-disabled="myForm.$invalid" ng-click="save()">Save</button>
</div>
function MyCtrl($scope) {
    $scope.items=[{
                id:1,
                name:"VALUE1"
              },{
                id:2,
                name:"VALUE2"
              },{
                id:3,
                name:""
            }]
}

小提琴

相关文章：