我需要通过以下验证来验证用户输入,并且在清除验证错误消息之前,不允许用户提交表单
以下是我的代码需要执行的验证。 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/
答案 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]属性,来禁用表单的提交按钮。