[英]Angular 7 min length validation error not showing reactive forms
表單驗證最小長度驗證錯誤未顯示我正在使用反應式表單
<div [formGroup]="subMerchant">
<ion-item class="inputDesign">
<ion-input placeholder="Enter Sub Merchant Mobile no" formControlName="SubMercMobileNo" type="tel" maxlength="10"></ion-input>
</ion-item>
<ion-text class="errorText" color="danger" *ngIf="subMerchant.controls.SubMercMobileNo.errors && submitted == true">
<p [hidden]="!subMerchant.controls.SubMercMobileNo.errors.required">Mobile is required</p>
<p [hidden]="!subMerchant.controls.SubMercMobileNo.errors.minlength">Enter minlength 10</p>
<p [hidden]="!subMerchant.controls.SubMercMobileNo.errors.pattern">Enter valid is Mobile No</p>
</ion-text>
</div>
subMerchant: FormGroup;
this.subMerchant = this.formBuilder.group({
SubMercMobileNo: ['', Validators.compose([
Validators.required,
Validators.minLength(10),
Validators.pattern("[0-9]{0-10}")
])],
);
<div [formGroup]="subMerchant">
<ion-item class="inputDesign">
<ion-input placeholder="Enter Sub Merchant Mobile no" formControlName="SubMercMobileNo" type="tel" minlength="10"></ion-input>
</ion-item>
<ion-text class="errorText" color="danger" *ngIf="subMerchant.controls.SubMercMobileNo.errors && submitted == true">
<p [hidden]="!subMerchant.controls.SubMercMobileNo.errors.required">Mobile is required</p>
<p [hidden]="!subMerchant.controls.SubMercMobileNo.errors.minlength">Enter minlength 10</p>
<p [hidden]="!subMerchant.controls.SubMercMobileNo.errors.pattern">Enter valid is Mobile No</p>
</ion-text>
您沒有在元素上使用 minlength="a number"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.