Javascript 在ng repeat中输入文本框验证
我有一个Javascript 在ng repeat中输入文本框验证,javascript,angularjs,forms,validation,Javascript,Angularjs,Forms,Validation,我有一个ng repeat功能,其中我显示3个输入文本框。但sane按钮似乎没有应用验证(只有在我填写所有三个输入时,我才需要启用“保存”按钮) 您的代码似乎工作正常。只需知道,如果您的模型为空,则它将禁用按钮:- <div ng-controller="MyCtrl"> <form name="myForm" novalidate> <div ng-repeat="item in items"> <input type="text" n
ng repeat
功能,其中我显示3个输入文本框。但sane按钮似乎没有应用验证(只有在我填写所有三个输入时,我才需要启用“保存”按钮)
您的代码似乎工作正常。只需知道,如果您的模型为空,则它将禁用按钮:-
<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:""
}]
}
拯救
函数MyCtrl($scope){
$scope.items=[{
id:1,
名称:“VALUE1”
},{
id:2,
名称:“价值2”
},{
id:3,
姓名:“
}]
}
向我们展示您的完整表单代码。@squiroid编辑的我的问题似乎在这里起作用。输入已由item.Name填写。我需要输入和不输入两种情况
$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:""
}]
}