我有一个正在尝试验证的表单。我想验证所有文本字段是否都包含一些文本。我在 ng-repeat 中添加的数组可能会有所不同。如果表单正确,则必须启用该按钮。如果不正确,则必须将其禁用。
我该怎么做?
<body ng-controller="Channels">
<div ng-repeat="item in aCandidatos">
<input type='text' ng-model="item.votos" required>
</div>
<button ng-disabled="!item.votos">
send
</button>
</body>
[
{ "nombre": "Candidato","votos":""},
{ "nombre": "Candidato2","votos":""}
];
最佳答案
您可以在 AngularJS 表单上使用 $invalid
标记来检查基本的 HTML5 验证(例如某些/任何数据是否存在)。在下面的示例中,验证是根据 Form
和 required
属性周围的连接进行的:
<body ng-controller="Channels">
<form name="votosForm" novalidate>
<div ng-repeat="item in aCandidatos">
<input type='text' ng-model="item.votos" required>
</div>
<button ng-disabled="votosForm.$invalid">
send
</button>
</form>
</body>
请注意,我不必对 Angular Controller
进行任何相应的更改。
关于javascript - 如何启用/禁用按钮来验证存在 ng-repeat 的表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48936290/