Angular2+ form 表单对隐藏元素取消必填校验

问题:

在动态验证表单时,初始化设置为必填,那么隐藏的字段,虽然隐藏了,但是form表单的校验规则还在,导致无法进行表单提交。

解决方法:

动态表单规则,即通过动态的改变表单验证规则

以 name 为例,想要取消或添加哪个字段替换即可;

取消验证:
this.validateForm.get('name').setValidators(null); 添加验证: this.validateForm.get('name').setValidators(Validators.required);

 

posted @ 2023-02-14 17:33  Freya~  阅读(164)  评论(0编辑  收藏  举报