Prevent angular validation from occurring while entering data

Question

I have a form with an email field. I would like to prevent the user from submitting unless the email address exists and is valid. However, I only want these errors to appear when toggling out of the email field or clicking sumbit. My "invalid email" message is appearing WHILE the user is typing the email and remains visible until they've finished entering a valid email. How can I prevent this behavior?

        <div ng-show="emailMeForm.Email.$error.required" class="errorMessage">
            You must enter an email
        </div>

        <div ng-show="emailMeForm.Email.$error.email" class="errorMessage">
            Email address invalid
        </div>

        <form name="emailMeForm" novalidate="">
            Email Address
            <input ng-model="vm.emailAddress" type="email" name="Email" />
            <button ng-click="emailMeForm.$valid">Continue</button>
        </form>

Jonatas Walker · Accepted Answer · 2015-11-20 17:35:10Z

1

Must be sufficient:

ng-show="emailMeForm.Email.$touched && emailMeForm.Email.$error.required"

edited Nov 20, 2015 at 17:35

answered Nov 20, 2015 at 17:26

Jonatas Walker

14.3k6 gold badges57 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

Prevent angular validation from occurring while entering data

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