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>