在angularjs表单中验证数组的正确方法？

Question

我有一个表格。此表单包含一系列产品，即

[{"productId":"12121212","count":5},{"productId":"22222222","count":6}]

我需要的是：

1. 在客户端上验证表单，并在任何产品数组字段无效时禁用提交。

我可以像使用普通表单字段一样使用验证器吗？

myForm.product[i].productId.$invalid, 
myForm.product[i].productId.$error.required

？

1. 提交并验证错误后，请在服务器上验证表单。现在，我将服务道具附加为“错误”，但似乎不是进行angularjs验证的常用方法。

柱塞链接：https://plnkr.co/edit/kbLs3SJE5ybNxIvo3ynq

任何建议。谢谢！

Answer 1

最好先在客户端上验证输入字段。要基于验证禁用提交按钮，您可以在提交按钮上使用ng-disabled="myForm.$invalid"。这将适用于对必填字段，ng-minlength，ng-maxlength等的输入字段进行HTML验证。

但是，对于复杂的现场验证，您可以编写一个函数并调用它：ng-disabled="isFormValid()"。此函数将迭代所有值并检查它们是否有效。