问题标签 [angular2-form-validation]

我看到有一个主题看起来像我的，但它并没有真正回答我的问题，因为我们没有以相同的方式管理错误。FormBuilder 组已弃用

首先，我刚刚迁移到 Angular 11，现在我遇到了这个问题：

在这个页面中，我会在我的页面上自动生成许多表单，在日期范围的情况下，我使用两个日期选择器。我创建了一个函数来检查 2 个日期选择器中的值。

零件：

验证器：

如何让我的验证器使用 Angular 11 中处理验证器的新方法？

当前错误消息显示在文本框下方。但我想在标签和文本框下面的整行中显示它

我通过移动下面的 div 进行了尝试，但它不起作用。我看到的 cssinvalid-feedback仍然是display: none. 它应该更改为display: block或删除

如果我像上面那样更改代码，我不会收到错误消息，但我仍然会得到文本框的边框红色。

期望：错误消息应该如下图所示

https://stackblitz.com/edit/angular-7-reactive-form-validation-jhuxvm

如果值为 0 但它不起作用，我想显示一个错误。

HTML：

TS：

有谁知道为什么这不起作用？Angular 文档说有一个最小值或最大值。

在下面的代码中，我想执行反应式表单验证。所以我提到了一些问题和教程，例如这个：

尽管我正确地遵循了这些步骤，但是当我运行应用程序时，我收到以下错误

如下所示修改了相应的规范文件，并将所需的导入添加到 app.module.ts。请查看下面发布的代码和文件，让我知道如何修复此错误

html代码：

规格文件：

应用模块

我有一个表格：

和一个自定义表单验证器：

验证器工作并给我正确的消息。但是诸如 this.selectedUserForm.touched 或 this.selectedUserForm.valid 之类的方法不再起作用，并且现在总是显示 False。如何在不丢失自定义表单验证的情况下恢复表单。

代码大致如下：

并且只要在原始 customerAddress 字段中输入任何文本，它就会变得有效，此时它会被替换并且替换字段不会聚焦。

因此，在输入一个字符（或两个如果您输入得非常快）之后，该字段blurs 并且该字段中不再接收到任何字符。事件处理程序是input，我可以从调试工具中看到，但是我从其他人那里继承了这个问题，而且我对 Angular 的了解还不够，无法弄清楚下一步。如果没有错误，它会换出内容。那么换掉内容并重新关注替换字段？

TIA

我有一个表，我需要在其中呈现数据库值，然后在用户更改后我需要提交该表单。这是演示

我需要申请，如果状态为“已消除”或“缺席”，则需要禁用排名下拉菜单，排名将为空/0。

我能够呈现详细信息并尝试更改状态以禁用排名，但它不起作用。

请帮助和指导。谢谢。

TS

HTML

我有一个包含 2 个字段的表单：

• includeValidation，一个选择下拉菜单（2 个选项）：有验证，没有验证
• 金额，输入数字字段

根据第一个下拉列表，我在第二个字段上有验证器：Validators.required，Validators.min(0.1)。

我试图使用 clearValidators() 来删除验证，但它只删除了所需的而不是 min(0.1)

当includeValidation ==“没有验证”时如何删除min（0.1）

stackblitz 上的代码

表单测试.ts

表单测试.html