Issue encountered when AngularJS struggles to evaluate regular expression within ng-pattern

Question

Currently, I am implementing the ng-pattern argument in an input text field to restrict input to only numeric values:

<input type="text" ng-model="numericField" ng-pattern="/^[0-9]*$/" />

However, there seems to be an unusual behavior in the regex evaluation: spaces at the beginning and end are being disregarded...

For example, when I enter these values:

' 123 ' the pattern is matched

' 123 4343 ' the pattern is not matched

In my scenario, I require that white spaces are not allowed at any position within the string.

Update: I also need to address this issue for other inputs that allow character values such as email addresses.

How can I go about solving this problem?

Answer 1

Answer №1

Instead of complicating things, consider using:

<input type="number" ng-model="numericfield" />

Angular takes care of implementing html5 functionality on older browsers.

Answer 2

Instead of complicating things, consider using:

<input type="number" ng-model="numericfield" />

Angular takes care of implementing html5 functionality on older browsers.

Answer 3

To prevent trimming in your input text, simply include ng-trim="false":

<input type="text" ng-model="numericData" ng-pattern="/^[0-9]*$/" ng-trim="false" />

Check out the example here

Answer 4

To prevent trimming in your input text, simply include ng-trim="false":

<input type="text" ng-model="numericData" ng-pattern="/^[0-9]*$/" ng-trim="false" />

Check out the example here