Angular: Number validation

http://angularjs.org/

by Michael Hunziker

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<form name="myForm" ng-controller="MyCtrl">Number:
    <input type="number" name="input" ng-model="value" min="0" max="99" required/> <span class="error" ng-show="myForm.list.$error.required">
        Required!</span>
 <span class="error" ng-show="myForm.list.$error.number">
        Not valid number!</span>
 <tt>value = {{value}}</tt>
    <br/> <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt>
    <br/> <tt>myForm.input.$error = {{myForm.input.$error}}</tt>
    <br/> <tt>myForm.$valid = {{myForm.$valid}}</tt>
    <br/> <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt>
    <br/>
</form>

JavaScript

var myApp = angular.module('myApp', []);


function MyCtrl($scope) {

    $scope.value = "12";

}