Angular JS form validatior

Question

I have problem with validating form, I have this validation example which show errors only when in first input is invalid value, when in first field is valid value there are no error shown.

link

squiroid · Accepted Answer · 2015-01-16 13:09:43Z

2

 Instead of using signup_form.name.$dirty && signup_form.name.$invalid && signup_form.submitted
Use this :-
    <div class="error"
                 ng-show="signup_form.email.$dirty && signup_form.email.$invalid && signup_form.submitted">

    <div class="error"
               ng-show="signup_form.username.$dirty && signup_form.username.$invalid && signup_form.submitted">

update:- http://jsbin.com/fajoreguxu/1/

answered Jan 16, 2015 at 13:09

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

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

Comments

Christian Phillips · Accepted Answer · 2015-01-16 13:10:40Z

1

You seem to be using name in all the checks...

<div class="error" ng-show="signup_form.name.$dirty &&

You need to change the actual reference, so email would be...

<div class="error" ng-show="signup_form.email.$dirty &&

answered Jan 16, 2015 at 13:10

Christian Phillips

18.8k8 gold badges55 silver badges85 bronze badges

Collectives™ on Stack Overflow

Angular JS form validatior

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related