In an Angular view, How to prevent a specific input element from validating like other input tags.

Question

I have an input tag which is bound to a scope variable by ng-model. All such input tags get validated and I wrote some custom styling for ng-valid etc. But now I want just one input tag which should not do anything after typing. Old school input tag per se with ng-model binding. How do I prevent the validation on such an element?

%form
  %input(ng-model='searchText')

I tried the novalidate tag on the form but it is only to prevent HTML5 validation I guess. Could not find anything else.. Any help ppl?

remove name attribute from that element, but I'm curious to know why you want that? — Pankaj Parkar
– Pankaj Parkar, Commented Apr 6, 2015 at 13:07
What validation properties are being used on the input? If none are set you shouldn't have a problem — charlietfl
– charlietfl, Commented Apr 6, 2015 at 13:09
But there is no name attribute in the input tag. It is a search box, hence I dont want to change the look when a user types in it. Its always a valid entry. I have a solution to use '!important' in the css for that tag.. But don't wanna do that since we might have to go for 508 compliance later on — Aditya
– Aditya, Commented Apr 6, 2015 at 13:10
@charlietfl I am using input validation in all my other input tags and wrote the .ng-valid css in a centralised location. I don't want this input tag to incur the css of .ng-valid. — Aditya
– Aditya, Commented Apr 6, 2015 at 13:12
Damn. Thats also not working since angular adds two classes and styles it with both as selectors eg: input.ng-valid.ng-dirty{//css here} I am having to add another dummy class 'novalidate' and add that to make the css more specific. — Aditya
– Aditya, Commented Apr 6, 2015 at 13:39

Pankaj Parkar · Accepted Answer · 2015-04-06 14:32:49Z

0

You could simply achieve this by adding you own custom class on that field & write whole custom css in that,

CSS

input.ng-valid.my-class,  input.ng-valid.my-class:focus{
  border: 1px solid green;
}

Working Plunkr

answered Apr 6, 2015 at 14:32

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

In an Angular view, How to prevent a specific input element from validating like other input tags.

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