How to prevent AngularJS from validating form controls for the first time

Question

I my form I have some input controls which are bounded with controller's scope data. Based on users selection I am bounding selected item by using ng-model to input controls.

I am validating those inputs by using ng-maxlength ,minlength ,ng-pattern and other inbuilt validation directives.

Class for highlighting the invalid values.

.ng-invalid { border-color:red; }

But when user wants to add a new product, then I am creating an empty object and adding it to controller's scope data.

At the very first time while creating new item I don't want to highlight every thing with red, because very thing is empty.

Is there any way by which I can highlight invalid input on their focus and after it will show as invalid until use put some valid values in it.

When use select any existing data then I am validating control at that movement.

@Claies i am adding object with properties and their values are undefined by default. — Pavan Tiwari
– Pavan Tiwari, Commented Jan 24, 2016 at 6:48
without showing the code you are using to create the new object, and the HTML with the validation rules on it, it's difficult to know what to suggest. — Claies
– Claies, Commented Jan 24, 2016 at 6:59

eesdil · Accepted Answer · 2016-01-24 07:31:14Z

2

You can use forms' $pristine as a condition for your classes.

answered Jan 24, 2016 at 7:31

eesdil

2,0413 gold badges17 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

How to prevent AngularJS from validating form controls for the first time

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