Fatal编程技术网
  • forms/
  • Forms 当移动到一个输入到另一个输入时，如何显示表单验证的错误消息

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

forms angular ionic2

Forms 当移动到一个输入到另一个输入时，如何显示表单验证的错误消息,forms,angular,ionic2,Forms,Angular,Ionic2,看看我更新的代码 <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>
      <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>


用户ID（电话号码）


电话号码必须是10位数字！
下面的输入框显示用户何时触摸该字段

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

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

您是否尝试在
中使用必需的

例如
但还没有完全测试过

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