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

发布时间：2020-12-17 17:15:12 所属栏目：安全来源：网络整理

导读：我在具有必需属性的输入文本框中具有以下代码,但是当我选择该字段或提交表单时,它不会阻止表单提交并通知用户该字段是必需的. div class="col-sm-8" input type="text" ng-required="true" class="form-control" placeholder="Enter Total Amount" id="txtTo

我在具有必需属性的输入文本框中具有以下代码,但是当我选择该字段或提交表单时,它不会阻止表单提交并通知用户该字段是必需的.

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

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

解决方法

为此,您应该在表单有效时触发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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!