angular 0.10.5 input number/integer

HTML

<script src="http://code.angularjs.org/0.10.5/angular-0.10.5.min.js" ng:autobind></script>

<!-- AngularJS Example Code: -->

<script>
  function Ctrl() {
    this.numberValue = 9500;
    this.integerValue = 9500;
  }
</script>
<div ng:controller="Ctrl">
  <form name="settingsForm">
      <div id="validationError" style="display:none;margin-bottom:10px;" class="error" ng:show="settingsForm.$invalid">
        <ul>
            <li ng:show="settingsForm.numberValue.$error.REQUIRED">Number Required</li>
            <li ng:show="settingsForm.integerValue.$error.REQUIRED">Integer Required</li>
            <li ng:show="settingsForm.integerValue.$error.INTEGER">Invalid Integer</li>
            <li ng:show="settingsForm.integerValue.$error.MIN">Integer ({{integerValue}}) is below the minimum.</li>
            <li ng:show="settingsForm.integerValue.$error.MAX">Integer ({{integerValue}}) is above the maximum.</li>
        </ul>
    </div>
    <div id="output">
        <ul>
            <li>Number: <input type="number" name="numberValue" ng:model="numberValue" required></li>
            <li>Integer: <input type="integer" name="integerValue" ng:model="integerValue" min="1024" max="65535" required></li>
        </ul>
        <tt>numberValue = {{numberValue}}</tt><br/>
        <tt>integerValue = {{integerValue}}</tt><br/>
        <tt>settingsForm.numberValue.$valid = {{settingsForm.numberValue.$valid}}</tt><br/>
        <tt>settingsForm.numberValue.$error = {{settingsForm.numberValue.$error}}</tt><br/>
        <tt>settingsForm.$valid = {{settingsForm.$valid}}</tt><br/>
        <tt>settingsForm.$error.REQUIRED = {{!!settingsForm.$error.REQUIRED}}</tt><br/>
      </div>
  </form>
</div>

CSS

body {font-family:sans-serif;font-size:12pt;padding:10px; }
.error { color: red; }
input.ng-invalid, select.ng-invalid, textarea.ng-invalid, input.formElement.ng-invalid {
    border: solid 1pt red;
}
tt {font-size: 10pt;}
#output {background-color: #efefef;padding:5px;border:solid 1pt #ddd;}