ng-invalid in angular input just when submit

Question

I have a interesting problem to solve, but I don't know how, I have a dynamically inputs in my view, and the inputs in Angular are validated in realtime, but I don't want that, the angular inputs in input class "ng-invalid" and I want to add "ng-invalid" just when submit my form:

<div ng-if="conditionItem.field.id"
     ng-class="{'error': FieldConditionsCtrl.feedback.type === 'error'}"
     dynamic
     input-router << Here is my how generates the inputs
     source="conditionItem.field"
     ng-model="conditionItem.situation[$index]">
</div>

When I modify the generated input, AngularJS inputs in my input class the following classes "ng-invalid ng-empty":

I want to add this classes just when submit to make the border red. Any help for this issue?

You should not post code as an image because: meta.stackoverflow.com/a/285557/5535245 — georgeawg
– georgeawg, Commented Apr 9, 2019 at 22:43
He was just showing inside chrome developer tools. That is not an image of the code. — user6866656
– user6866656, Commented Apr 10, 2019 at 0:22

georgeawg · Accepted Answer · 2019-04-09 22:47:24Z

1

Used the $submitted property of the ngFormController to qualify the setting of the error class.

ng-class="{error: form1.$submitted && form1.field1.$invalid}"

For more information, see

AngularJS Developer Guide - forms

edited Apr 9, 2019 at 22:47

answered Apr 9, 2019 at 22:22

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ng-invalid in angular input just when submit

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related