Validate <input type="number" /> with AngularJS and Pattern/RegEx

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.

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/>

Pattern don't work for input with type="number".
You can use type="text" and than convert value to number