Angular 6中的字母数字字符串验证

时间:2019-02-24 04:30:38

标签: javascript angular string

我需要通过以下验证来验证用户输入,并且在清除验证错误消息之前,不允许用户提交表单

以下是我的代码需要执行的验证。 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/

2 个答案:

答案 0 :(得分:1)

您可以尝试使用RxwebValidators的组合验证器来使用多个验证器。您可以参考[https://stackblitz.com/edit/angular-48jrxb?file=src%2Fapp%2Falpha-numeric-add.component.ts]作为参考。

答案 1 :(得分:0)

通常,您可以使用提交按钮上的某些validate()函数对此进行验证,或者,如果使用RXJS library,则可以将[验证者数组]分配给FormControl对象作为第二个@parameter

还可以从Angular上查看Form Validation上的官方文档。

在Angular6中,您可以通过使用button元素上的[disabled]属性,并将特定条件分配给该元素的[disabled]属性,来禁用表单的提交按钮。