如何使用正則表達式 /^[1-9]\d*$/ 自定義驗證兩個文本框？

Question

我正在嘗試在某些條件下為 2 個文本框編寫自定義驗證器。

請參閱我在Stackblitz Link 中編寫的代碼，以在某些條件下驗證文本框

請幫助我 go 哪里錯了。

Answer 1

您可以在textbox1和textBox2控件驗證器中添加它

this.registerForm = this.formBuilder.group(
  {
    textbox1: ['', [Validators.required, Validators.pattern("^[1-9]\d*$/"]],
    textbox2: ['', [Validators.required, Validators.pattern("^[1-9]\d*$/"]],
  }
];

現在從formGroup中刪除驗證器， Validators.pattern將確保在兩個字段上都應用驗證。

現在在*ngIf條件中添加errors.pattern以查看該模式是否匹配。

<div *ngIf="f.textbox1.errors.pattern">should not start with 0</div>
...
<div *ngIf="f.textbox2.errors.pattern">should not start with 0</div>

更新了 Stackblitz