Angular 中 On-Blur 的替代方案

Question

我有一个角度代码，我在 On Blur 上运行文本框验证。 现在，如果我不对使用列进行任何更改，验证将不会运行。 我可以运行此验证的替代方法是 Page Load 或 submit click 。 基本上，即使没有触摸该文本框，我也希望我的验证能够运行。

<div class="form-group head2" ng-show="workflowlevel>3">
  <label for="approvedAmountFinal" class="col-md-12 col-sm-12 labels"
    >Approved Amount:
  </label>
  <input
    ng-disabled="rejectedOrMoreInfo || isviewmode || workflowlevel>5"
    type="text"
    class=" col-md-6 col-lg-6 col-sm-6 col-xs-6"
    id="approvedAmountFinal"
    ng-model="$parent.approvedAmountFinal"
    ng-blur="validate($parent.approvedAmountFinal);"
    name="approvedAmountFinal"
    ng-pattern="/^-?[0-9][^\e]*$/"
    required
  />
  <span
    class="error col-md-12 col-sm-12"
    ng-show="myForm.raiseFundRequest1.approvedAmountFinal.$touched && myForm.raiseFundRequest1.approvedAmountFinal.$invalid"
    >This field cannot be blank.</span
  >
  <span
    class="error col-md-12 col-sm-12"
    ng-show="myForm.raiseFundRequest1.approvedAmountFinal.$dirty &&myForm.raiseFundRequest1.approvedAmountFinal.$invalid"
    >This is not a valid amount. Please enter valid amount.</span
  >
  <span class="error col-md-12 col-sm-12" ng-show="isMoreThanRqstAmount"
    >Approved amount should be less than or equal to requested amount</span
  >
  <span
    class="error col-md-12 col-sm-12"
    ng-show="isApprovedAmountZero&&!rejectedOrMoreInfo"
    >Approved amount cannot be zero or lesser.
  </span>
</div>

Answer 1

您可以使用自定义指令或 ng-pattern (regex) 来验证 angularJS 中的输入文本框

Answer 2

您可以在表单提交时手动设置验证，检查下面的代码。

this.myForm.raiseFundRequest1.approvedAmountFinal.markAsToched();
this.myForm.raiseFundRequest1.approvedAmountFinal.markAsInvalid();

您的其他 ngIf 条件设置为 true，如果这不起作用，请告诉我。