在angular 9 reactive表单中未设置动态验证

在Angular 9的响应式表单中，如果未设置动态验证，意味着表单中的输入字段没有根据特定条件进行验证。动态验证是指根据用户的输入或其他条件来决定是否对表单字段进行验证。

动态验证可以增强表单的交互性和用户体验，确保输入的数据符合预期的要求。以下是一些常见的动态验证场景和解决方案：

根据其他字段的值进行验证：可以使用Angular的valueChanges方法监听其他字段的值变化，并根据条件动态添加或移除验证器。例如，如果有一个密码确认字段，可以监听密码字段的值变化，并根据密码是否匹配来设置密码确认字段的验证器。
根据用户输入进行验证：可以使用valueChanges方法监听输入字段的值变化，并根据输入的内容进行验证。例如，可以根据输入的邮箱地址格式来验证邮箱字段。
根据后端数据进行验证：可以通过调用后端API获取数据，并根据返回的数据来设置验证器。例如，可以调用后端API验证用户名是否已存在。
根据表单状态进行验证：可以根据表单的状态（例如，是否被提交）来设置验证器。例如，可以在表单提交时对所有字段进行验证，而在表单初始状态下不进行验证。

对于Angular 9的响应式表单，可以使用Validators类提供的各种验证器来实现动态验证。常用的验证器包括required（必填）、minLength（最小长度）、maxLength（最大长度）、pattern（正则表达式）等。

以下是一些腾讯云相关产品和产品介绍链接地址，可以帮助开发人员在云计算环境中构建和部署应用程序：

腾讯云云服务器（CVM）：提供可扩展的虚拟服务器实例，适用于各种计算需求。产品介绍链接：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的关系型数据库服务。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、可靠、低成本的云存储服务，适用于存储和处理各种类型的数据。产品介绍链接：https://cloud.tencent.com/product/cos

请注意，以上只是一些示例产品，腾讯云还提供了更多与云计算相关的产品和服务，可以根据具体需求进行选择和使用。

在angular 9 reactive表单中未设置动态验证

、、

我有形式，我用9号角的反应形式来创建它。在此表单中，我有一个切换，当此切换为true时，字段moreAccountInfo必须具有验证要求，而当未选中时，切换字段必须为不需要。, published: [false]

浏览 15提问于2020-06-08得票数 0

回答已采纳

1回答

patchValue和updateValueAndValidity()方法的区别是什么？

、、

patchValue和updateValueAndValidity有什么不同。每当我们使用patchValue或setValue时，我们需要调用updateValueAndvalidity吗

浏览 85提问于2019-01-17得票数 1

1回答

如何在角表中添加验证器？

、、、、

我对angular非常陌生。我制作了一个角度表，单击表格数据后，我们可以编辑该数据。现在我想给它添加验证器，如果用户编辑了“碳水化合物”字段(例如)，他/她将只能输入数字，如果他们输入任何其他字符，他们将不能添加它。提前感谢您的帮助。

浏览 5提问于2021-09-13得票数 0

1回答

Angular:模式的反应式表单验证未按预期工作

、、

我正在使用angular 5和reactive表单，并尝试使用以下正则表达式验证电子邮件 ^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\..+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$ 我已经在http

浏览 21提问于2020-09-08得票数 0

回答已采纳

1回答

Angular - TypeError:无法读取未定义的属性“”clearValidators“”

、

我正在尝试从我的Angular Reactive表单中动态删除验证。错误： ? 我初始化表单的代码如下： experienceForm = this.fb.group({ 'companyNameValidators.required], 'startDate': ['',

浏览 11提问于2021-05-01得票数 0

2回答

接受正数和负数的RegExp

、、

我尝试在angular reactive表单验证中接受肯定和否定的no [Validators.required, Validators.pattern("^-?[0-9]d*(.d+)?

浏览 2提问于2020-07-27得票数 1

2回答

验证不会传播到Angular中的自定义表单控件ng-select

、、、

我在我的Angular 9应用程序中使用了带有自定义窗体控件的Reactive Form。而且我在验证方面有问题。我将formControl设置为required。ng-invalid css class应该自动设置为ng- 。但实际上，使用自定义表单控件时，它不能正常工作。未设置css类，但设置了包装类。

浏览 1提问于2020-02-29得票数 3

5回答

我正在尝试使用ControlValueAccessors在angular中使用reactive forms实现嵌套表单组件，并且我一直遵循这个指南：https://blog.angularindepth.com/angular-nested-reactive-forms-using-cvas-b394ba2e5d0d 除了一个主要问题之外，我已经把所有的东西都准备好了。如果我的表单是预先填充的，即该表单用于编辑现有数据，而

浏览 65提问于2019-06-14得票数 3

1回答

Angular 12在每次调用组件时创建新的Angular路由

、

我正在做一个Angular项目，它需要使用Angular路由在每个页面上显示不同的表单，但由于表单可能非常相似，我计划只有一个组件，我将传递道具给它也就是说，我有一个Form组件和一个json文件，const routes: Routes = []; 但是，这只是为"www.formwebsite.com/ Form“上的表单组件创建了一个路由我对这两个角度都很陌生，这是我

浏览 25提问于2021-11-05得票数 1

回答已采纳

1回答

Angular Reactive Form -使用属性绑定更改输入值

、、、

我已经创建了一个表单，在该表单的上方有一系列包。该表单包括一个只读的包输入。我的意图是根据用户选择的包通过属性绑定来更改它的值。属性selectedPackage (我已经创建)将显示在输入字段中并进行更新。对于模板驱动的表单，我以前也遇到过同样的问题。

浏览 16提问于2019-03-16得票数 1

2回答

Angular 6表单创建

、、

我正在使用Angular 6创建一个表单，但是在我的表单中，我有50个或更多的字段，而在'ts‘文件中，我是否必须声明所有的字段，例如，我使用的反应式表单});userCreation: { lastName: any; ..

浏览 2提问于2018-10-01得票数 1

1回答

从自定义FormControl重写get value函数

、

我正尝试在angular2上创建自定义表单控件，但在尝试获取所有表单的值时遇到了一个问题我想重写自定义表单控件的Get值private

浏览 0提问于2018-01-18得票数 2

1回答

是否可以显示选中了初始值的角度材料的多选组件？

、、

在本例中：https://stackblitz.com/edit/angular-ivy-byvfjy?file=src/app/ofertas/filtro-ofertas/filtro-ofertas.component.ts 我有一个多选表单控件 <form [formGroup]="form">private formBuilder: FormBuilder) { } this.form = this.

浏览 10提问于2021-11-16得票数 0

回答已采纳

2回答

无法在angular reactive表单中打印自定义验证器错误

我在angular reactive表单中实现了一个自定义验证器，但它没有显示错误消息。请在下面的链接中找到代码。https://stackblitz.com/edit/angular-yalkcb?file=src%2Fapp%2Fapp.component.ts

浏览 19提问于2019-03-05得票数 0

回答已采纳

1回答

如何在reactive- form -validators中显示嵌套表单错误？

、、

我正在使用reactive-form-validators来验证我的angular应用程序中的表单。我在显示嵌套表单的错误时遇到了一个问题。我尝试了一些例子，但没有成功。这是链接。

浏览 1提问于2018-12-18得票数 0

1回答

重用单个Angular 5 reactive表单元素

、、

我还在学习Angular 5，并且已经开始使用"reactive“表单模型。然而，几乎我能找到的每个示例和教程都让您在一个模板中创建整个表单。通常在AngularJS 1.x中，我们会将每个字段存储在它自己的指令中，然后将它们连接在一起以创建一个表单来减少重复。有没有办法使用Angular 5 reactive forms，只使用一个文件，并包含模板和所有验证？我可以分两

浏览 3提问于2017-12-18得票数 4

4回答

如何在角度反应式中验证字段？

、

我正在尝试在angular中验证我的表单，使用reactive form .There是几个字段示例card name，其中用户只输入string 所以他尝试输入字符串以外的任何内容，我需要显示无效的消息，.I尝试了如下所示 https://codesandbox.io/s/jzq6nn6zz9 constructor(private fb: FormBuilder) { this.paymentFormdateofexi

浏览 85提问于2018-07-20得票数 1

回答已采纳

5回答

对于反应形式的角度验证如果是空的，应该打开或关闭，但如果输入被清空，则不切换。

、、

如果用户选择不输入电话号码，则允许空输入，但如果用户输入电话号码，则验证其输入。为此，我订阅表单控件上的值更改，如果字段为空或不为空，则使用setValidators方法切换验证： if (当我输入一个数字时，它打开验证，然后根据我的RegEx成功地验证它，并显示一个错误。但是，当我清空字段时，错误不会消失，表单表单仍然无效，尽管我的代码应该将验证器<e

浏览 0提问于2019-08-05得票数 4

回答已采纳

1回答