Как дать подтверждение для поля ввода, используя angular2 в primeng

Question

У меня есть поле ввода, мне нужно дать подтверждение для поля ввода.Это должно занять только алфавиты.пробелы не допускаются, цифры и специальные символы не допускаются. Пожалуйста, помогите.

HTML:

<div class="col-sm-4 pull-left m-b10 m-t10">
          <label class="col-sm-5 pull-left col-form-label g-color-gray-dark-v2 text-sm-left no-padd">Name
            <span class="required">*</span>
          </label>
          <div class="col-sm-7 pull-left no-padd">
            <input type="text" formControlName="name" maxlength="50" placeholder="Name" required pattern="^[A-Z\\a-z\\d-_\\s]+$" >
          </div>
        </div>

TS:

this.conditionForm = this._FB.group({
 name: ['', Validators.required],
      });

Answer 1

вам нужно изменить шаблон, как показано ниже,

<input type="text" formControlName="name" maxlength="50" placeholder="Name" required [pattern]="/^[A-Za-z]+$/" >

или вы также можете проверить в вашем компоненте, например,

this.conditionForm = this._FB.group({
 name: ['',[ 
          Validators.required,
          Validators.pattern('/^[A-Za-z]+$/')
       ],
      });

, вы также можете ограничить ввод, выполнив, как,

<input type="text" formControlName="name" maxlength="50" placeholder="Name" (input)="inputValidator($event)" required />

и создайте этот метод в своем компоненте

public inputValidator(event: any) {
    const pattern = /^[A-Za-z]+$/;   
    if (!pattern.test(event.target.value)) {
      event.target.value = event.target.value.replace(/[^a-zA-Z]/g, "");
      }
  }