I want to setup some validation on an <input> to prevent the user from entering wrong characters. For this I am using ng-pattern. It currently disables the user from entering wrong characters, but I also noticed this is not the expected behavior so I am also planning on creating a directive.

I am using

AngularJS: 1.6.1

What should the regex match

Below are the requirements for the regex string:

• Number 0x to xx (example 01 to 93)


• Number x to xx (example 9 to 60)


• Characters are not allowed


• Special characters are not allowed

Notice:
the 'x' is variable and could be any number between 0 and 100.

The number on the place of 'x' is variable so if it is possible to create a string that is easily changeable that would be appreciated!

What I tried

A few regex strings I tried where:

1) ^0*([0-9]d{1,2})$

--> Does match 01 but not 1

--> Does match 32 where it shouldn't

2) ^[1-9][0-9]?$|^31$

--> Does match 1 but not 01

--> Does match 32 where it shouldn't

For testing I am using https://regex101.com/tests.

What am I missing in my attempts?