Javascript 角度7分钟长度验证错误未显示反应形式

表单验证最小长度验证错误未显示我正在使用反应式表单

<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}")
      ])],
 );

需要移动设备

输入minlength 10

输入有效的是手机号

亚研究者：FormGroup；
this.subMerchant=this.formBuilder.group({
SubMercMobileNo:[''，Validators.compose([
需要验证器，
验证器。最小长度（10），
模式（“[0-9]{0-10}”）
])],
);

您没有在元素上使用minlength=“a number”

您没有在元素上使用minlength=“a number”

<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 10

输入有效的是手机号

需要移动设备

输入minlength 10

输入有效的是手机号

---

我可以看看您的组件代码吗？初始化formgroup/formbuilder时您写了什么？您是否将

Validators.maxLength

传递给了formcontrol@sanchila我需要最小长度和最大长度10

[hidden]=“！subMerchant.controls.SubMercMobileNo.hasError（'minlength'））

在HTML中尝试此操作。我可以看到您的组件代码吗？初始化formgroup/formbuilder时您写了什么？您是否将

Validators.maxLength

传递给了formcontrol@sanchila我需要最小长度和最大长度10

[hidden]=“！subMerchant.controls.SubMercMobileNo.hasError（'minlength'））

在您的HTML中，在元素上尝试此选项。在输入中，该选项不起作用。仅允许输入10个数字。由于maxlength=“10”，限制为10个数字。您应该将“a数字”替换为实数，如3。尝试minlength=“a数字”在元素上，输入也不起作用。只允许输入10个数字。由于maxlength=“10”，因此限制为10个数字。您应该用实数替换“a数字”，如3。您为什么使用[hidden]=“！…”，您可以使用“ngIf”，为什么使用[hidden]=“！…”，您可以使用“ngIf”