前端表单验证
为年龄输入框添加了两个验证,并分情况填写了提示语
<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