angularjs - ng-required 在提交表单时不起作用

Question

我在带有 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>

我需要做什么才能使所需的指令起作用？

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>