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