I have a input of type number, and I want to make sure it only accepts a number. I can do this fine on the Server side, but with AngularJS I can not get it to work.
Pattern don't work for input with type="number"
.
You can use type="text"
and than convert value to number
Here is regexp to validate floating point numbers, both positive and negative:
/^-?[0-9]\d*(\.\d+)?$/
Use this regexp in 'text' input, example:
<input type="text" ng-model="score" ng-pattern="/^-?[0-9]\d*(\.\d+)?$/" required/>
You need to use anchors:
/^[0-9]+$/
^
: Start-of-line anchor.[0-9]+
One or more numbers between 0
and 9
.$
: End-of-line anchor.So this matches the start of the string, then it matches the one or more digits, after that it looks for the end-of-string, so it matches a string containing only numbers and nothing else.
Otherwise, /[0-9]+/
will match only a part of aa23423
, more accurately the number 23423
and thus will give you valid.
Try defining your regex as a scope variable In the controller, it worked for me.