Как проверить форму в угловых 2, имеющих одно поле ввода?

Question

У меня есть one поле ввода, в которое пользователь может ввести email, а также 10 digit phone number, если выполняется какое-либо из этих условий, я хочу включить кнопку continue. Я могу нажать кнопку enable, когда пользователь вводит email, но мне не удается включить кнопку, когда пользователь вводит 10 digit mobile number

вот мой код https://stackblitz.com/edit/angular-p5knn6?file=src%2Fapp%2Flogin-component%2Flogin-component.component.html

<div class="login_div">
  <form  #loginForm="ngForm">
    <input type="text" name="email"
           autocomplete="off"
           placeholder="Enter the Email or Number"
           [(ngModel)]="userenterValue"
           required
           pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$">
    <input type="submit" value="Continue"
           class="btn"
           [class.disbled]="!loginForm.valid"
           [disabled]="!loginForm.valid">
  </form>
</div>

Answer 1

Просто используйте шаблон так:

pattern="^(\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+)$|^(\d{10})$"