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]')]],