使用Angular检查哪个字段在表单中无效

时间:2014-04-11 20:29:51

标签: javascript jquery angularjs angularjs-scope

我需要在呈现表单5秒后检查哪些字段无效。我有一个按钮,我设置了这个ng-disabled="!step1Form.$valid",但是我需要将一些CSS类添加到无效的字段中,可以给我一些帮助吗?

这是我想设置无效模式的字段:

<div ng-form="logoForm" style="position:absolute;top:0px;left:0px;" class="info-picture main ng-pristine ng-invalid ng-invalid-required">
    <div add-pic="" class="small-button">Agregar logo</div>
    <input type="file" required="required" ng-model="logo.company" id="company_logo" style="display:none;" ng-file-select="" class="ng-pristine ng-invalid ng-invalid-required">
</div>

1 个答案:

答案 0 :(得分:1)

如果要将css Class添加到任何组件,可以使用“ng-class”指令。

您可以在http://docs.angularjs.org/api/ng/directive/ngClass

的文档中看到这一点

像你这样的另一个问题是:How to set Twitter Bootstrap class=error based on AngularJS input class=ng-invalid?