Angular 6 中的字母數字字符串驗證

Question

我需要使用以下驗證來驗證用戶輸入，並且在清除驗證錯誤消息之前不允許用戶提交表單

以下是我的代碼需要執行的驗證。 1）字符串將是一個字母數字。 2) 字符串長度不應超過 7 3) 字符串應為“w123456”（w 后跟 6 個數字）或“df12345”（df 后跟 5 個數字）之一

有人可以幫助我如何驗證這一點嗎？

 Contact:   <textarea  required ngModel name="contacts" #contacts='ngModel' placeholder="Enter Valid contactid" ngModel name="contacts" #contacts="ngModel" rows="10" cols="15"></textarea>

我在下面提供了一個 JSFiddle 鏈接。 https://jsfiddle.net/sonyjammie/sx4rv8ne/4/

Answer 1

您可以嘗試使用RxwebValidators的撰寫驗證器來使用多個驗證器。 您可以參考[ https://stackblitz.com/edit/angular-48jrxb?file=src%2Fapp%2Falpha-numeric-add.component.ts]作為參考。

Answer 2

通常，您可以使用提交按鈕上的某些validate（）函數來對此進行驗證，或者，如果使用RXJS庫 ，則可以將[驗證者數組]作為第二個@parameter分配給FormControl對象。

還可以從Angular上查看有關Form Validation的官方文檔。

在Angular6中，您可以通過使用button元素上的[disabled]屬性，並將特定條件分配給該元素的[disabled]屬性，來禁用表單的“提交”按鈕。

Answer 3

name:['',[Validators.required,Validators.minLength(3),Validators.maxLength(15),Validators.pattern('[A-Za-z]')]],