AngularJS: create a regex for first two character of a string alphabet and rest should be numeric

Question

Never really used AngularJS and am having issues figuring out how to create a regex for an input to check/allow only first 2 characters to be letters & the rest numbers.

Hope this makes sense.

Using pugJS

.e-field
    label.e-field__label(for='invoiceNr') Invoice Number
    input#invoiceNumberInput.e-input(
      ng-model='$ctrl.invoiceNumber'
      name="invoiceNumber"
      ng-required="true"

invoiceNr example: HN123123123

The ng-pattern was the answer. This is what I used:

ng-pattern="/^[a-zA-Z]{2}[0-9]{6,}$/"

Harun Or Rashid · Accepted Answer · 2019-04-23 12:50:12Z

1

Regex for first 2 character is number and rest is digits in angularJS input is as below. Use ng-pattern and the specified RegEX

ng-pattern="/^[a-zA-Z]{2}[0-9]*$/"

edited Apr 23, 2019 at 12:50

answered Apr 23, 2019 at 12:21

Harun Or Rashid

5,9572 gold badges21 silver badges23 bronze badges

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

1 Comment

iNano Over a year ago

Thank you! I don't know why I didn't come by this 'ng-pattern' in my searches... it worked well :)

sborn · Accepted Answer · 2019-04-23 12:57:51Z

0

Not sure about the integration into Angular. However as a RegEx I think you could use this:

^[a-zA-Z]{2}[0-9]+$

(See test here)

...Just a quick comment regarding the use of ..[0-9]+$ as opposed to ...[0-9]*$

I think you should use + and not *. Otherwise a string like "HN" will also validate but I understood you only want to validate if it has numbers after the letters (like "HN1" or "HN123"..). For this case you should use "+".

edited Apr 23, 2019 at 12:57

answered Apr 23, 2019 at 12:23

sborn

1212 silver badges9 bronze badges

3 Comments

iNano Over a year ago

Thanks! It was the integration part I was having the issue with :) "ng-pattern="/^[a-zA-Z]{2}[0-9]*$/"" from above worked, in case you're interested in the implementation

sborn Over a year ago

Hi @iNano! Thanks! I just added to my answer regarding the use of + versus * - I also updated the linked example. I think in your case you want to use +$ at the end of the RegEx and not *$ . That way it requires to have at least one number following the letters. Cheers! :)

iNano Over a year ago

Awesome. Thanks! Good information to have regarding the */ +

Collectives™ on Stack Overflow

AngularJS: create a regex for first two character of a string alphabet and rest should be numeric

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related