ng-required не работает при отправке формы

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

<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>

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


validation forms angularjs angularjs-forms
person sagesky36    schedule 07.10.2015    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Для этого вы должны запустить событие 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>
person Pankaj Parkar    schedule 07.10.2015