问题标签 [angular2-form-validation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
54450 浏览

angular - Angular FormArray 显示验证错误

我有在 FormBuilder 的帮助下构建的 Angular 表单。

Form 包含一个 FormArray,它具有用户想要的任意数量的字段。我已经为字段设置了验证器

并且对于每个新push的验证器都是相同的。

问题是我不知道如何访问特定字段的isValid属性,因为它们与FormControlvia绑定[formControlName]="index"

我试过这样做,但它似乎不起作用

从哪里传来的父母arrayformArray.controls

更新#1

有一个案例https://stackblitz.com/edit/angular-7ppkoh

0 投票
0 回答
303 浏览

angular4-forms - 在 Angular-4 中单击 AddMore 按钮验证模板驱动的表单

我正在研究模板驱动的 Angular 表单。当用户单击“添加更多”按钮时,我想显示验证错误消息。

下面是我的表格。

请提出一种实现预期结果的方法。

谢谢

0 投票
2 回答
138 浏览

angular - 如何使某些输入字段仅在选择相应的单选按钮时才需要

我正在做一个项目,其中有一个带有单选按钮的表单。我需要仅在选择相应的单选按钮时才需要某些输入字段

我需要如何检查单选按钮并相应地设置所需的数字输入字段。如果 *ngIf 尝试了很多方法和种类,但我无法获得正确的形式

提前谢谢 看这里

0 投票
1 回答
1677 浏览

angular - 是否可以将动态值传递给 Angular 6 中的自定义表单验证器?

基本上,我有一些表单输入,它们的验证相互依赖(即,如果你在一个时间范围内,“从”时间必须小于“到”时间)但我不完全确定如何去吧。

这是我的表单组:

到目前为止,这是我的验证器:

但似乎该值xtoTime仅在创建验证器时第一次设置。有没有办法将动态输入传递给自定义验证器?

我对 Angular 还很陌生,但是已经阅读了有关自定义表单验证的文档,但似乎找不到我的答案

0 投票
1 回答
767 浏览

angular - 动态表单验证在 Angular 6 中不起作用

场景:用户想要找回电子邮件或重置密码。人员将根据要求选择相应的选项。仅当表单有效时,提交按钮才会启用。

问题:我想根据所选选项动态更新验证。但它不起作用。我肯定错过了一些东西。我使用了 clearValidators,但它也不起作用。这是 工作代码

测试用:邮箱:test@test.com 密码:Test@1234

0 投票
1 回答
13288 浏览

javascript - Angular 6 反应式表单验证不适用于自定义验证器

所以我创建了一个自定义验证器来验证“新密码”字段和“确认密码”字段是否匹配。在组件级别上,它工作得很好。错误消息仅在两个输入不匹配时显示。

问题是,我禁用提交按钮,直到表单有效,但是当我使用这个自定义验证器时,整个表单永远不会通过验证。填写表单时,所有组件验证通过,但表单验证不通过。

我在这里想念什么?

自定义验证器代码如下所示:

我将自定义验证器导入到我的组件中,并在组件中声明我的表单控件,如下所示:

在我的 ngOnInit() 生命周期钩子中,我创建了这样的表单组:

我的表单的 HTML 如下所示:

我希望这是足够的信息。为什么这在组件级别有效,但在表单级别无效?先感谢您!

0 投票
1 回答
9666 浏览

angular - 表单数组字段上的Angular 5表单验证

我正在做一个项目,我想在表单数组字段上进行所需的验证。这是我的模板

这是我的组件

如果用户试图将这些字段留空,我只想显示必填字段错误消息。我感谢你的帮助。

0 投票
0 回答
663 浏览

javascript - 当我选择所有下拉元素时,ng-model 值没有更新

我的问题是使用ngModel 进行验证时。通过 SelectAll 选项选择一个值时,它在边缘浏览器中不起作用。

不工作的示例代码,这里我没有使用[(value)]

我已经验证了这个问题,并怀疑的变化没有反映ngModel。我将相同的属性绑定到 value 和 ngModel。此问题已解决。

工作示例代码,这里我使用[(value)]

请提供任何想法。我想知道,这是不是一种行为

工作示例链接: 示例 1

不工作示例链接: 示例 2

错误:

如果全选,会出现以下错误:

错误类型错误:无法获取未定义或空引用的属性“preventDefault”

0 投票
3 回答
1573 浏览

angular - 如何以角度处理表单错误验证

嗨,我是 Angular 的新手,在我的表单中,我有三个字段Nameemail
radio 部分,我的要求是

-->当我选择名称单选按钮时,名称输入字段是必需的

-->当我选择电子邮件单选按钮时,电子邮件输入字段是必需的

我尽力了我的水平但没有结果我该怎么做这个要求有人可以帮助我吗

.html:

.ts:

我的代码----> https://stackblitz.com/edit/angular-2m1vdq-yfxnps

0 投票
1 回答
108 浏览

angular - Angular中的“ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改”错误

Angular中的“ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改”错误

我使用 [隐藏] 内部表单元素。所以我有“ExpressionChangedAfterItHasBeenCheckedError”错误。