问题标签 [angular-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 投票
1 回答
18596 浏览

angular - Async Validator Throw 预期的验证器返回 Promise 或 Observable

我试图用密码值确认密码。我已经按照异步验证器标准完成了。但我想知道它不起作用并向我抛出以下错误。请告诉任何人如何解决此错误。

期望验证器返回 Promise 或 Observable。

这是我的代码。

调用验证器:

自定义验证功能:

0 投票
0 回答
1287 浏览

angular - Angular 2 模板驱动的表单验证 - 嵌套子组件层次结构

我有一个包含子组件的模板驱动表单

子组件还包含第二个子组件:

子组件 2

如果我不填写名称输入,则提交表单上的有效为真,但是当我输入它然后删除验证工作时,isvalid 为假。

如何验证层次结构组件输入?

谢谢

0 投票
5 回答
40044 浏览

angular - 使用 hasError() 进行验证的表单生成器会引发 ERROR TypeError 错误:无法读取未定义的属性“hasError”

嗨,我正在使用 Form Builder 以 Angular 2 实现一个表单

在 component.ts 我已经使用 formGroup 实现了我的表单

下面是我的代码

它工作正常。但是当要在前端显示验证时

我是这样用的

它正在工作,但在控制台中抛出错误,如下所示

错误类型错误:无法读取未定义的属性“hasError”

请帮助我如何排序。

谢谢你。

0 投票
2 回答
2370 浏览

javascript - 将超时设置为来自验证消息 ngIF 的 Angular Reactive

嗨,我正在使用 Angular (4),我有一个自定义验证器并通过ngIF

我想延迟return响应,以便用户有时间在显示错误(如果有)消息之前输入几个字符。name是相关字段的值。即名字

HTML

理想情况下,我不想使用https://twitter.com/signup的电子邮件字段中使用的内容.touched

提前致谢。

0 投票
4 回答
935 浏览

angular - 如何识别哪个自定义验证函数导致响应式表单中的错误

我有多个验证器分配给 formControl,其中 formControlName 为 firstName。如何知道哪个验证给出错误,以便我可以给出适当的消息

以下是我定制的所需验证功能

和使用是这样的

我收到以下错误

0 投票
1 回答
878 浏览

angular - 有效性更改后更新 FormArray 属性的有效性

我正在使用 Angular 4 在FormArray作为数组的项目上以反应形式创建自定义验证器。它适用于初始加载,但是如果我将一个项目添加到数组中然后删除该项目,则Validator.required验证不会设置。

FromArray -> FormGroup

主组件.ts 上的主窗体

所以我可以构建表单并且它可以 100% 工作,我有一个提交按钮,如果表单无效并且在初始加载时该按钮保持禁用状态,直到我向customItems属性添加项目。一旦我删除了添加的项目,提交按钮仍然启用,即使现在它应该被禁用,因为它是必需的并且没有价值。

移除方法

因此它会删除该项目,但表单上的有效性不会改变。

我已经尝试过,updateValueAndValidity()但这pullAt似乎不起作用。

0 投票
1 回答
186 浏览

javascript - ng-repeat 中表单的 Angular js 验证未按预期工作

我有一张桌子,我在其中重复<tr>使用了标签ng-repeat="cancellationPercentData in cancellationPercent"

在这个 tr 标签内,我有一个表单,其名称和 id 通过使用设置$index

看看我下面的代码:

tr 重复正确,但 tr 内的表单应立即在 tr 标记之后开始,并应恰好在 tr 关闭标记之前结束。

但是当我在浏览器中打开上面的代码并检查时,它的显示方式有所不同,表单标签在没有 td 标签的情况下打开和关闭。一旦表单关闭,就会启动 tg 标签。

这就是当我检查它时它在我的浏览器中发生变化的方式:

为什么在浏览器中发生变化?

因此,验证无法正常工作。

请帮忙,提前谢谢:)

0 投票
1 回答
1328 浏览

angular - 如何将额外的参数传递给 Angular 中的异步验证器(反应形式)?

我有以下异步验证器。如果我想将它用于反应形式,我必须将它作为第三个参数传递

如何将额外的参数传递给验证器?

如果我用它作为

蛞蝓:[null,[Validators.required],[CustomValidators.slug('string param')]],

问题是第一个参数是控件。

0 投票
0 回答
856 浏览

angular - Angular - debounceTime() 和 distinctUntilChanged() 似乎有问题

我有这个验证器,问题是即使我有 debounceTime,在 500 毫秒后它会运行所有击键。

所以我添加了一个超时来修复错误

但我认为 rxjs 有更好的解决方案。

有什么建议么?这就是我调用验证器的方式

0 投票
2 回答
12133 浏览

angular - FormGroup 获取字段值:TypeError:无法读取未定义的属性“get”

我正在尝试对“passwordConfirm”字段进行验证,但出现了一个错误:ERROR TypeError: Cannot read property 'get' of undefined 这是我的代码: