javascript - 如何启用/禁用按钮来验证存在 ng-repeat 的表单?

标签 javascript angularjs

我有一个正在尝试验证的表单。我想验证所有文本字段是否都包含一些文本。我在 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":""}
];

http://jsfiddle.net/vnq7g4q3/

最佳答案

您可以在 AngularJS 表单上使用 $invalid 标记来检查基本的 HTML5 验证(例如某些/任何数据是否存在)。在下面的示例中,验证是根据 Formrequired 属性周围的连接进行的:

<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/

相关文章:

javascript - Angular.js : Uncaught error, 无模块:myapp

javascript - 是否有适用于 Node.js/JavaScript 的 Thrift 或 Cassandra 客户端

javascript - 过渡不起作用 d3

javascript - 使用套索访问选定的点

angularjs - Protractor 如何从div中获取文本?

javascript - Angular $http 成功弃用修正案

html - AngularJS - 占位符值自动更改

javascript - 日期选择器图标未与文本框正确对齐

asp.net - 如何从 JavaScript 触发 ASP.NET 自定义验证器?

angularjs - 是否可以在 Electron 应用程序上使用 nodejs 依赖项?