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

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> 中使用 required ？

例如

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

虽然没有完全测试。