具有多个输入的文本字段验证

Question

我需要使用Angular JS在同一文本字段中验证电话号码和电子邮件。 表单包含一个输入框，允许输入电子邮件或电话号码。如果用户键入电子邮件，则应触发与电子邮件相关的验证，如果其电话号码与其匹配，则应使用不同的验证。怎么做到这一点？

这就是我要验证单个输入的方法。

<input type="text"
          class="form-control"
          id="email"
          ngModel
          name="email"
          required
          pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?
^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-
z0-9])?"
          #email="ngModel">
          <div *ngIf="email.errors && (email.dirty ||  email.touched)"
  class="alert alert-danger">
            <div [hidden]="!email.errors.required">Empty Email Address</div>
          </div>