<label class="item item-input margin5px">
<input type="email" name="email" class="form-control" placeholder="Email" ng-model="user.email" ng-minlength=5 ng-maxlength=100 required>
</label>
我的电子邮件字段上有minlength,maxlength和要求的验证。如果这些验证中的任何一个失败,我想添加一个类“有错误”或添加某种样式。任何帮助将非常感激。
Angular已经为您做到了。如果验证失败,则输入将包含类ng-invalid
,您可以通过CSS设置样式。
请参阅在AngularJS Forms上使用CSS类中的示例:
input.ng-invalid.ng-touched {
background-color: #FA787E;
}
仅当输入无效且已对其进行编辑时,此CSS才适用。
不用说ng-class的东西,Angular为您添加了正确的类。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句