AngularJS input $valid is always false with no error

Question

I'm trying to apply an AngularJs validation in my project. So the following code was written:

 <form name="recipeTitle">
   <input ng-if="edit" required type="text" ng-model="recipe.name" name="name"/>
 </form>
 <span>valid = {ng recipeTitle.name.$valid ng}</span>
 <span>errors = {ng recipeTitle.name.$error ng}</span>

If no value was entered in input, that returns:

valid = false
errors = {"required":true}

When any value appears in input field, validation returns:

valid = false 
errors = {}

And I have no idea, how to make a $valid property become true. Appreciate any help, thanks.

If you will provide a plunker link for example it would be much easier to help you. — Kosta
– Kosta, Commented Jun 6, 2015 at 13:27
Plunker. But plunker code with minimum necessary changes works as expected) — Kamil
– Kamil, Commented Jun 6, 2015 at 13:32
If nothing else works, you could manually set valid to true via JavaScript if 'errors' is empty and false otherwise, every time the input is changed — CyborgFish
– CyborgFish, Commented Jun 6, 2015 at 13:34
@Rebornix yep, it does. And I have no idea what i have done wrong in my app. — Kamil
– Kamil, Commented Jun 6, 2015 at 13:38

deglavs · Accepted Answer · 2015-08-06 10:01:46Z

3

I had the same issue. It works if you use the $scope:

<span>valid = {ng $scope.recipeTitle.name.$valid ng}</span>
<span>errors = {ng $scope.recipeTitle.name.$error ng}</span>

instead of

<span>valid = {ng recipeTitle.name.$valid ng}</span>
<span>errors = {ng recipeTitle.name.$error ng}</span>

answered Aug 6, 2015 at 10:01

deglavs

462 bronze badges

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

1 Comment

Kamil Over a year ago

Thank you for your answer. I can not check it right now, couse we've already made a workaround, but I'l check it in order to help smb.)

Collectives™ on Stack Overflow

AngularJS input $valid is always false with no error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related