阅读背景:

Angular自定义表单验证

来源:互联网 

前端表单验证

为年龄输入框添加了两个验证,并分情况填写了提示语

<form nz-form [formGroup]="validateForm">
  <nz-form-item>
    <nz-form-label [nzSpan]="3" nzRequired>年龄</nz-form-label>
    <nz-form-control [nzSpan]="8" nzHasFeedback>
      <input nz-input formControlName="age" placeholder="请输入年龄">
      <nz-form-explain *ngIf="validateForm.get('age').dirty && validateForm.get('age').errors">
        <ng-container *ngIf="validateForm.get('age').hasError('required')">请输入年龄</ng-container>
        <!--自定义验证  注意加单引号-->
        <ng-container *ngIf="validateForm.get('age').hasError('isMoreThanZero')">年龄必须为数字,且大于等于0</ng-container>
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>
</form><form nz-fo



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: