$error.number not working as expected.

[vdclouis]

Demo see official docs:
http://docs.angularjs.org/api/ng.directive:input.number

<form name="myForm" ng-controller="Ctrl">
  Number: <input type="number" name="input" ng-model="value" min="0" max="99" required>
  <span class="error" ng-show="myForm.input.$error.required">Required!</span>
  <span class="error" ng-show="myForm.input.$error.number">Not valid number!</span>
</form>

"Required!" is shown when there's nothing in the input field.
But "Not valid number!" is not when entering text, negative numbers or number greater than 99.

[petebacondarwin]

Hmm. This is because the browser is displaying a "number" input box and it is returning undefined for its value. So the number validator never gets a chance to check its validity.

[petebacondarwin]

There doesn't seem to be any way of accessing the actual value of the input box, that I can see.
We should be able to hook into the element.validity property, if available, which will have badinput set to true in this case.

[caitp]

one of my patches tries to address this (for the number input type), #4293 --- It's not totally perfect, but it might be a starting point to work around the issues which the ValidityState introduces

[btford]

I'm reassigning this to @matsko since it's related to #4293.