AngularJs email validation error [duplicate]

Question

I have two email address

[email protected]

and

example@somevalue

both the email address are valid when I use the AngularJs validation

<input type="email" ng-model="application.email_id" placeholder="Enter Your Email">

I need to make example@somevalue mail address as false if the address is wrong.

This is the tutorial part of AngularJs email validation: there the validation is true when I inputing the above email address.

What do you mean by "make.. address as false if the address is wrong"? What does "wrong" mean here. — New Dev
– New Dev, Commented Aug 25, 2015 at 7:16
@New Dev : it seems to be an invalid email address (xyz@xyz), since it does not have any domain — Jenson Raby
– Jenson Raby, Commented Aug 25, 2015 at 7:27

Christoph · Accepted Answer · 2015-08-25 07:18:23Z

4

Use ng-pattern="" with your custom pattern to validate the email. In your controller:

$scope.pattern = /.+\@.+\..+/;

In your HTML:

<input type="email" name="input" ng-model="email.text" ng-pattern="pattern" required>

See the plunker (the example from the angular documentation extended with ng-pattern)

answered Aug 25, 2015 at 7:10

Christoph

2,0531 gold badge27 silver badges35 bronze badges

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

2 Comments

I think that the right way is to use ng-pattern but i would go for a more complete regex

thank you very much.....its working