AngularJS problems evaluating regex ng-pattern

Question

I'm using ng-pattern argument in input text to limit input to numeric values:

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

But there is a strange behavior in regex evaluation: starting and ending spaces are ignored...

So if I insert these values (for example) I get different results:

' 123 ' pattern matched

' 123 4343 ' pattern not matched

In my case white spaces are not allowed (in any position of the string).

Update I need to solve the problem also for other inputs allowing char values (i.e. email)

So how can I solve this?

Fordio · Accepted Answer · 2014-09-29 10:45:22Z

2

Why not just use:

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

html5 behaviour is implemented by angular in older browsers.

answered Sep 29, 2014 at 10:45

Fordio

3,8702 gold badges16 silver badges18 bronze badges

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

Comments

leo · Accepted Answer · 2014-11-10 14:54:29Z

0

You can add ng-trim="false" to your input text:

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

Take a look here

answered Nov 10, 2014 at 14:54

leo

1,2631 gold badge18 silver badges20 bronze badges