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

2024-05-08

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

我需要做什么才能使所需的指令发挥作用?


为此你应该开火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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

提交表单时 ng-required 不起作用 的相关文章

随机推荐