title: input type number min and max validation issue
body: <p>I have input type '<code>number</code>' and i have setup its <code>min</code> and <code>max</code> length.
  I am trying to show error if user enter more than max length or number is invalid. </p>
  
  <p>I have following code. I can see when i inspect element that class change to <code>ng-invalid ng-invalid-max</code> when i enter more than max allowed and tab out.</p>
  
  <p>However,<code>no error message shows on ui.'</code>  </p>
  
  <p><strong>Why</strong>?</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="col-lg-2 control-label"&gt;Student&lt;/label&gt;
      &lt;div ng-class="{ 'has-error' : studentReportForm.RollNumber.$invalid &amp;&amp; (studentReportForm.$submitted) }"&gt;
          &lt;div class="col-lg-4"&gt;
              &lt;div class="input-group"&gt;
                  &lt;input type="number" class="form-control" name="RollNumber" data-ng-model="studentReport.Details.RollNumber" min="0" max="10000000" /&gt;
              &lt;/div&gt;
              &lt;div data-ng-if="studentReportForm.RollNumber.$error.number" class="error"&gt;invalid number&lt;/div&gt;
              &lt;div data-ng-if="studentReportForm.RollNumber.$error.min" class="error"&gt;Min 0&lt;/div&gt;
              &lt;div data-ng-if="studentReportForm.RollNumber.$error.max" class="error"&gt;Max 10000000&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>