如何在primeng中使用angular2对输入字段进行验证

【问题标题】：How to give validation for input field using angular2 in primeng如何在primeng中使用angular2对输入字段进行验证
【发布时间】：2018-10-01 10:14:55
【问题描述】：

我有一个输入字段，我需要对输入字段进行验证。它必须只使用字母。不允许有空格，不允许有数字和特殊字符。请帮忙。

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],
      });

【问题讨论】：

标签： angular primeng

【解决方案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]+$/')
       ],
      });

你也可以通过like来限制输入，

<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, "");
      }
  }

【讨论】：