问题标签 [angular-validation]

如何验证是否从 Angular 2 模板表单的复选框列表中选择了至少 1 个复选框？

HTML 代码。

组件代码。

我已经在这里检查了 Reactive 形式的方法。所以，想检查我们如何在模板表单中做到这一点。使用我上面粘贴的代码，一切正常，但在页面加载时显示错误消息，因为那里没有检查脏或触摸。我被这个问题困住了。

对此的任何帮助将不胜感激。

谢谢。

我将mydatepicker与以下自制帮助类一起使用：

createDateRangeGroup在组件中使用如下：

我可以在屏幕上看到日期设置正确。但是，当我尝试它时，console.log(this.formGroup.get('dates'));它清楚地显示了一个错误，{invalid: true}即使我只是从下拉列表中重新选择完全相同的日期，该组也会自动生效。

我不做什么？

是否可以将单个验证器添加到 formGroup，只要 formGroup 中的单个值发生更改，就会调用该验证器？

我认为它应该是这样的：

但是不会在 formGroup 内部发生的更改时调用验证器，...我可以将验证器单独添加到每个字段，然后调用control.parent（正在工作），但这似乎不是一个合适的解决方案。

我正在尝试验证字符串输入是否是有效的 CSS 颜色。

所以，我在我的 Angular 应用程序中有一个自定义验证器（基于一些教程和一些在 SO 上找到的验证建议）：

我了解代码中发生了什么，上面的代码可以很好地验证字符串，但它显然不能按原样使用，因为页面的硬刷新需要文档准备好让该代码工作。

不幸的是，我不知道如何解决这个问题，因为我对 Angular 和实用的 JavaScript 还是很陌生。

任何建议将不胜感激。

更新实施

'platform.component.ts'（部分）

'platform.component.html'（部分）

澄清一下： 当我不直接浏览到表单页面时，验证器工作正常。因此，如果应用程序能够通过导航到任何其他 url 来加载，则验证将正常工作。但是，如果我直接浏览到带有表单的页面，“文档将不会被定义”，因为它仍在从服务器加载。

我一直在努力将数据从组件传递到材料对话框下面是我的代码

第一个组件 html 文件

<button md-raised-button (click)="openDialog()"><md-icon>add</md-icon</button>

在第一个组件 .ts 文件中

材质对话框 html 文件

所以在这里我ngModel在输入字段中提到过这样做它不会预先填充value{{ data.customerid }}如果我删除它，因为我已经在第二个输入字段中写入它会填充值。如果我提到ngModel为什么它没有给出预加载值任何人都可以帮助我解决这个问题。

I have created 2 custom form validators both of them are working but the message is not displaying when I use an ngIf condition in the template. However for build in validators the messages are displaying. Both of these validators are registered in the component and there are no errors in the console.

Component Template:

Validators Code:

我有一个输入，只有在输入长度为 11 或 14 时才应该验证。有没有什么方法可以在不创建指令的情况下实现这一点？

还有一件事：

我正在使用将输入格式化为这样的掩码：（
当 11 时）000.000.000-00
（当 14 时）00.000.000/0000-00

模式应该忽略“。” 和 '/'

谢谢。

我正在尝试为 Angular (4) 编写我的第一个自定义验证器。我想我已经正确设置了所有东西，但是缺少了一些东西。验证器根本不起作用。它没有显示任何错误或任何东西。

这是验证器：

这是验证指令：

这是使用此验证器的 html 代码：

我正在尝试使用模型驱动方法 ReactiveForms 来验证自定义元素。我为此使用tagsinput jquery 库并为该表单创建其他字段。

组件代码：

标签组件的回调：

HTML 代码：

基本上，当我向表单添加附加字段时，一切正常，但是当我尝试更新该标签组件时，表单仍然无效。当我在控制台中显示时，表单是有效的，所以目前我不知道如何将 optionValues 验证为 formGroup 中的数组，以及如何在更改验证时更新值。

我正在使用带有表单验证的 angular2-seed。我的项目运行良好，但不适用于 safari。当我转到具有表单验证的页面时，我收到此错误：EXCEPTION: Uncaught (in promise): ReferenceError: No locale data has been provided for this object yet.. 这个错误只发生在旧版 safari (<9.1.3) 上，在现代 safari 10 上正常工作。