如何在移动到另一个输入的一个输入时显示表单验证上的错误消息

Question

查看我的更新代码

<ion-item>
      <ion-label primary floating>
        USER ID (PHONE NO)
      </ion-label>
            <ion-input type="number" id="useridphone" class="form-control" formControlName="useridphone"></ion-input>
    </ion-item>

    <p *ngIf="myForm.controls.useridphone.errors && myForm.controls.useridphone.dirty " >
      <small class="up" > 
        <strong><i>
          Phone Number Must be 10 digits!
        </i></strong>
      </small>
    </p>

以下输入框显示用户何时触摸该字段。

我想在用户移动到下一个输入框后在此输入字段中显示错误消息。

但是现在当用户触摸输入字段本身时，我收到此错误消息。

Answer 1

您是否尝试在<ion-input>中使用必需？

E.g。

<ion-input type="number" id="useridphone" class="form-control" formControlName="useridphone" required></ion-input>

虽未完全测试。