角7中的模式验证
我在我的角7表单中有一个联系人号字段，我用‘表单生成器’和'validators.pattern‘来表示validation.In ( HTML )，我尝试了两种方法来判断是否有错误，但两者都没有工作。
TypeScript：mobnumPattern = "^[6-9][0-9]{9}$"; this.myForm = this.formbuilder.group({ contact_no: ['', [Validators.required,Validators.pattern(this.mobnumPattern)]],} )
1.当我在下面使用HTML时，验证总是显示为true
*ngIf="((myForm.controls['contact_no'].touched) && (myForm.controls['contact_no'].hasError(pattern)))"2.当我在下面使用HTML时，验证总是显示为false
*ngIf="((myForm.controls['contact_no'].touched) && (myForm.controls['contact_no'].errors.pattern))"知道怎么解决这个问题吗？
提前谢谢。
回答 1
Stack Overflow用户
发布于 2018-12-22 06:38:37
让我们回顾一下你提到的这两种情况。
1.当我在下面使用HTML时，验证总是显示为true
我试着在stackblitz中重新创建这个问题，但与您所说的不同，它总是错误的。无论如何，检查myForm.controls['contact_no'].hasError(pattern)返回false，因为hasError()是将字符串作为其参数，，但是这里的模式是未定义的。
使用此方法检查窗体控件是否存在模式验证错误。
*ngIf="((myForm.controls['contact_no'].touched)&& myForm.controls['contact_no'].hasError('pattern')))"2.当我在下面使用HTML时，验证总是显示为false
如果表单控件没有任何验证错误，则myForm.controls['contact_no'].errors将为空。因此，当签入模板中的myForm.controls['contact_no'].errors.pattern时，会抛出一个错误并返回未定义的错误。如果myForm.Controls‘’contact_no‘..errors为null，则使用安全导航操作符防止视图呈现失败。
如下所示：
*ngIf="((myForm.controls['contact_no'].touched) && (myForm.controls['contact_no'].errors?.pattern)"我用上面提到的补丁做了一个stackblitz。检查链接，以查看工作演示。
https://stackoverflow.com/questions/53882658
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号