Regex problems with angularjs

Question

I am trying to use a regular expression to validate an email address. It does not seem to be doing any validation at all. When I load the page the Submit button is disabled because of the $pristine but as soon as I type a letter the button becomes enabled. Also I am aware that the regex is only accepting upper-case at the moment. The following code is my form:

<form name="myForm" ng-hide="email" >

Insert Email :    <br/>

<input type="text" name="email" ng-pattern="/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]
{2,4}$/" ng-model="insert_email"  required> 

<br/>  
<button ng-hide="email" 
type="submit"  
ng-disabled="myForm.email.$pristine || myForm.email.$invalid">Submit</button>  

</form>

I am not sure but I think the problem may lie with the regex itself.

check this if it can help you stackoverflow.com/questions/24490668/… — Jaiff
– Jaiff, Commented Nov 21, 2014 at 16:44
I tried your code and it does not activate submit button when I enter some text. Can you create a demo for this? — kubuntu
– kubuntu, Commented Nov 21, 2014 at 16:46
I use <form-help-email data-name="email"></form-help-email> for an email validation. — Skyware
– Skyware, Commented Oct 20, 2016 at 10:01

Santiago Rebella · Accepted Answer · 2014-11-21 18:41:29Z

0

take out the email in myForm.email.$pristine and in myForm.email.$invalid to look like:

 myForm.$pristine

and

 myForm.$invalid

also try with ng-required instead of required

answered Nov 21, 2014 at 18:41

Santiago Rebella

2,4492 gold badges23 silver badges29 bronze badges

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

Comments

Esteban Felix · Accepted Answer · 2014-11-21 19:37:21Z

0

It seems to be two things. It looks like the ng-pattern expects an expression instead of a string attribute.

So you need to wrap it in a string if you want to use an inline expression.

Like so:

ng-pattern="'^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$'"

Also, there seems to be some issues with your regex. I changed it to this:

ng-pattern="'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$'"

It seems to work.

Plunker Demo

answered Nov 21, 2014 at 19:37

Esteban Felix

1,57110 silver badges21 bronze badges

Collectives™ on Stack Overflow

Regex problems with angularjs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related