angular 反應模式僅適用於帶有 + 和 # 的數字

Question

我正在研究帶有郵政編碼控制的反應形式，它只允許+和#只使用數字。 控件的最大長度為 10。我嘗試使用以下代碼，即使我輸入了有效值，它仍然顯示錯誤。

ts

postalCode: ['', {
  validators: [
    Validators.required,
    Validators.pattern('/^(?=.*[0-9])[+#()0-9]+$/')
  ], 
  updateOn: 'blur'
}],

看法

<input type="text"
       class="form-control"
       id="postalCode"
       formControlName="postalCode"
       maxlength="10">

<div class="error-msg"
     *ngIf="driverForm.controls.postalCode.hasError('pattern')">
  <span class="red-star"> patter Error </span>
</div>

Answer 1

從正則表達式中刪除引號

代替

'/^(?=.*[0-9])[+#()0-9]+$/'

使用不帶'引號

/^(?=.*[0-9])[+#()0-9]+$/