combine two regex for angularjs form field

Question

How to combine this two regex for angularjs form field

\d{4}([- ]*)\d{6,7}

OR

[a-zA-Z0-9]{4,12}

I tried like this

<input type="text" pattern="\d{4}([- ]*)\d{6,7} | [a-zA-Z0-9]{4,12}" class="form-control" ng-model="formData.username" required placeholder="username">

Could you provide some sample strings to test against? How didn't your pattern work? What did it match/fail to match? Also, pattern is a HTML5 attribute, and you cannot have spaces around |. You can try with ng-pattern="/^(\d{4}([- ]*)\d{6,7}|[a-zA-Z0-9]{4,12})$/" — Wiktor Stribiżew
– Wiktor Stribiżew, Commented May 7, 2016 at 12:30
Why did you remove that other question? It may be useful for other people. — jcubic
– jcubic, Commented May 13, 2016 at 9:46

jedrzej.kurylo · Accepted Answer · 2016-05-07 12:30:54Z

2

In order to get the alternative of 2 regular expressions, you need to wrap them both in parentheses:

<input type="text" pattern="(\d{4}([- ]*)\d{6,7})|([a-zA-Z0-9]{4,12})" class="form-control" ng-model="formData.username" required placeholder="username">

answered May 7, 2016 at 12:30

jedrzej.kurylo

41.1k10 gold badges108 silver badges112 bronze badges

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

3 Comments

gaurav Over a year ago

It was my mistake, so that second regex is completely violating to the first one. so I made it like this : (\d{4}([- ]*)\d{6,7})|([a-zA-Z]{4,12})

gaurav Over a year ago

Thanks your help fixed my problem

Wiktor Stribiżew Over a year ago

One does not have to put the alternative branches into capturing groups each, the only problem were the 2 spaces around |. pattern="\d{4}[- ]*\d{6,7}|[a-zA-Z0-9]{4,12}" should also work.

smnbbrv · Accepted Answer · 2016-05-07 12:31:07Z

0

The problem is that angular uses single pipe symbol for filters and you are not allowed to use it within the templates. Usual case would be a binary OR but your case may also have the problem...

So what you can do is creating a variable on a controller which holds your pattern and use the variable in the template:

<input type="text" ng-pattern="myctrl.pattern" class="form-control" ng-model="formData.username" required placeholder="username">

answered May 7, 2016 at 12:31

smnbbrv

24.7k9 gold badges85 silver badges115 bronze badges

Collectives™ on Stack Overflow

combine two regex for angularjs form field

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related