title: how to show error message on form validation when moving to one input to another input
body: <p>Take a look at my updated code</p>
  
  <pre><code>&lt;ion-item&gt;
        &lt;ion-label primary floating&gt;
          USER ID (PHONE NO)
        &lt;/ion-label&gt;
              &lt;ion-input type="number" id="useridphone" class="form-control" formControlName="useridphone"&gt;&lt;/ion-input&gt;
      &lt;/ion-item&gt;
  
      &lt;p *ngIf="myForm.controls.useridphone.errors &amp;&amp; myForm.controls.useridphone.dirty " &gt;
        &lt;small class="up" &gt; 
          &lt;strong&gt;&lt;i&gt;
            Phone Number Must be 10 digits!
          &lt;/i&gt;&lt;/strong&gt;
        &lt;/small&gt;
      &lt;/p&gt;
  </code></pre>
  
  <p>this below input box shows when ever user touch that field.</p>
  
  <p>I want to show the error message in  this input field after user is moved to next input box.</p>
  
  <p>but now when ever user touch the input field itself i am getting this error message.</p>