NG-обязательно не работает при отправке формы

Question

У меня есть следующий код в текстовом поле ввода с обязательным атрибутом, но когда я выхожу из поля или отправляю форму, это не мешает форме отправлять и информировать пользователя, что поле является обязательным.

<div class="col-sm-8">
   <input type="text" ng-required="true" class="form-control" 
    placeholder="Enter Total Amount" id="txtTotalAmount" 
    ng-model="formCtrl.AddCheckDeposit.TotalAmount" />
</div>

Что мне нужно сделать, чтобы заставить работать требуемую директиву?

Answer 1

Для этого вы должны стрелять ng-submit событие, когда форма действительна

ng-submit="myForm.$valid && submit()"

Похоже, вы также пропустили name атрибут в поле ввода, а также для отображения ошибки, которую вы можете использовать ng-show/ng-messages директива

<form name="myForm" ng-submit="myForm.$valid && submit()">
   <div class="col-sm-8">
      <input type="text" ng-required="true" class="form-control" placeholder="Enter Total Amount" name="txtTotalAmount"
       id="txtTotalAmount" ng-model="formCtrl.AddCheckDeposit.TotalAmount" />
      <span ng-show="myForm.txtTotalAmount.$error.required">Required</span>
   </div>  
</form>