<!DOCTYPE html>
    <html ng-app="myApp">
      <head>
        <meta charset="utf-8" />
        <script data-semver="1.2.11" src="http://code.angularjs.org/1.2.11/angular.js" data-require="angular.js@1.2.x"></script>
      </head>
      <body>
        <form name="myForm">
          <div>
            <input type="number" name="number" ng-model="num" ng-pattern="/^\d+$/"/>
            <br>error: {{ myForm.number.$error }}
          </div>
          <div>
            <input type="text" name="text" ng-model="text" ng-pattern="/^\d+$/"/>
            <br>error: {{ myForm.text.$error }}
          </div>
        </form>
        
        <script type="text/javascript" charset="utf-8">
          angular.module('myApp', []);
        </script>
        
      </body>
    
    </html>