手动突出显示角形式的所有无效输入

Question

AngularJS版本是1.2.x。

Answer 1

您的表单标记应该如下所示，这样，当您单击submit ng-class时，将在表单上添加submitted类，这将使您意识到，无论何时您在表单上提交了类，并且字段具有ng-invalid类，您都可以突出显示这些元素

标记

<ng-form name="form" ng-class="{submitted: submitted}" ng-submit="submitted=true; submit();">
   <input type="text" name="firstname" ng-model="formData.firstname">
   <input type="text" name="lastname" ng-model="formData.lastname">
   <input type="submit" value="submit">
</ng-form>

CSS

.submitted input.ng-invalid {
   border: solid 1px red;
}