Простой Угловой форма проверка не работает

Question

У меня есть простая угловая форма здесь:

<form class="form-horizontal" role="form" name="alertForm"> 

    <div class="form-group"> 
     <label for="cautionMultiplier" class="col-sm-2 control-label">Yellow Multiplier</label> 
     <div class="col-sm-5"> 
      <input type="number" min="1" class="form-control" ng-model="alert.cautionMultiplier" id="cautionMultiplier" name="cautionMultiplier" placeholder="Ex. 2" integer required /> 
      <span>{{alertForm}}</span> 
      <span class="alert alert-danger help-block" ng-show="alertForm.cautionMultiplier.$error.number && alertForm.amount.$dirty"> 
            The value is not a valid integer 
           </span> 
      <span class="alert alert-danger help-block" ng-show="alertForm.cautionMultiplier.$error.min "> 
            The value must be at least 1 and an integer 
           </span> 
     </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-sm-2"> 
      <button type="submit" class="btn btn-primary pull-right" ng-click="addAlert(form)" ng-disabled="alertForm.$invalid"> 
       Save 
      </button> 
     </div> 
    </div> 
</form> 

Когда я вхожу любое нерастворимое целое число (то есть «а») в cautionMultiplier поле, сообщение проверки The value is not a valid integer не срабатывает ,

Что я делаю неправильно?

Answer 1

Fixed

Моя проблема заключалась в том, что: alertForm.amount.$dirty должен был alertForm.cautionMultiplier.$dirty

Answer 2

Вы отображая сообщение об ошибке, если есть ошибка для ключа «требуется»:

ng-show="alertForm.cautionMultiplier.$error.required && alertForm.amount.$dirty" 

Заменить required на number.