Javascript 如何使用AngularJS检查表中的所有输入是否有效？

我有一个表，其中每一行都有一个输入字段。请参阅下面的代码

单击save之后，我想迭代所有输入，并检查它们是否有效

<div class="line" data-ng-repeat="data in datas">
    <div class="..." style="width: 30%">
        <form name="dataForm">
            <input name="aliasName"
                   type="text"
                   focus-me
                   ng-model="data.something"
                   ng-pattern="/^[A-Z|a-z]+[\-|A-Z|a-z|0-9]*$/"
                   ng-required="true"
                   ng-maxlength="63"
                   tabindex="1">
            </input>
        </form>
    </div>
    <!-- Next columns -->
</div>

例如，如果其中一个输入字段为空，则它是无效的

那么，如何迭代所有输入以检查其中是否有无效的

ng

？谢谢

---

对我来说唯一有效的方法就是迭代dom并检查类是否

ng invalid

。失败之处在于，这不是NG的方式——如果AngularJ决定以不同的方式更改其DOM操作，我的hack将不起作用。

每当使用任何角度类型验证（如NG required或NG pattern）包装表单字段，并且字段值不符合验证要求时，模型值将保持未定义状态。 因此，您可以迭代模型列表，查看哪个模型值未定义

---

希望有帮助

每当使用任何角度类型验证（如ng required或ng pattern）包装表单字段时，如果字段值不符合验证要求，则模型值将保持未定义状态。 因此，您可以迭代模型列表，查看哪个模型值未定义

希望有帮助

您可以使用ng disabled，因此即使有一个字段无效，您的按钮也将被禁用

保存

您可以使用ng disabled，因此即使有一个字段无效，您的按钮也将被禁用

保存

您应该创建自定义验证指令您应该创建自定义验证指令

<button ng-disabled="dataForm.$invalid" >save</button>