javascript - 如何在angularJS中验证具有相同名称的多个表单

Question

您好，我想获取表单标签外所有表单的有效或无效状态，即假设如果任何表单无效，则应显示错误消息。 myform.$invalid 不适用于所有表单并且不会更新

<div ng-repeat="a in [0,1,2,3,4]">
  <form name="myForm">
     <input type="text">
  </form>
</div>
<div ng-if="myform.$invalid">Fill all fields</div>

Answer 1

最好拥有所有<input>相同形式的元素:

<form name="myForm">
  <div ng-repeat="a in [0,1,2,3,4]">
     <input type="text" name="myInput{{a}}" ng-model="itemArr[$index]" required />
  </div>
</form>
<div ng-show="myForm.$invalid">Fill all fields</div>

$scope.itemArr = [];

同样重要的是每个 <input>元素有一个 ng-model指令。

有关详细信息，请参阅

• > AngularJS Developer Guide - Forms