Угловой простой вопрос проверки шаблона

Question

У меня есть очень простой угловой шаблон, подобный этому:

<div>
    <input [(ngModel)]="testField" name="testField" #testFieldN="ngModel" required pattern="[a-zA-Z]+" />
    <div *ngIf="testFieldN.invalid"
         class="alert alert-danger">
      <div *ngIf="testFieldN.errors?.pattern">
        Title is invalid.
      </div>
      <div *ngIf="testFieldN.errors?.required">
        Title is required.
      </div>
    </div>
  </div>

Я ожидаю, что testField должен иметь хотя бы один алфавитный символ.Это означает, что значение типа «One11» должно быть принято.Однако, если я ввожу это значение, ошибка шаблона начинается и показывает «Заголовок недействителен».

Может кто-то указать, что не так?Кроме того, я ожидаю, когда поле пусто, ошибка шаблона должна быть сброшена, но это не так.Почему это так?

Чтобы было понятно, вот как я тестирую свой шаблон, и он соответствует «One11»: Демо

Answer 1

Ваш шаблон допускает, например, только буквы, а не цифры.Если вы хотите что-то, что принимает числа, попробуйте:

[0-9]*[a-zA-Z]{1,}[0-9]*

Это в основном:

1. 0 или более чисел
2. как минимум 1 символ Az
3. 0 или более чисел