4

入力テキスト ボックスに次のコードを入力し、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>

必要なディレクティブを機能させるために何をする必要がありますか?

4

1 に答える 1

4

そのためにはng-submit、フォームが有効なときにイベントを発生させる必要があります

ng-submit="myForm.$valid && submit()"

/ディレクティブnameを使用できるエラーを表示するために、入力フィールドの属性も見逃しているようですng-showng-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>
于 2015-10-07T20:13:17.570 に答える