问题标签 [angular-validator]

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 投票
2 回答
911 浏览

angular - Angular Pattern Validation template driven form get validated elements from ngFor loop

I am working with Angular Pattern Validation template driven form for my Angular 9 project. I have the list of properties which I need to validate in my form, so I am trying to put that html code in *ngFor loop to reduce my code:

and my controller looks like:

When I run this code my browser don't return any errors and my form looks like this: enter image description here

but unfortunately my validate error of a pattern code doesn't work.

Anybody have an idea what can I put to my input's name, ref-data="ngModel" or maybe I need to change something else to be able to see validation error of my form?

Please let me know if I need to provide more details

0 投票
3 回答
704 浏览

angular - 仅当输入可见时才激活角度验证器

我试图让它工作,但我不知道如何,我有几个输入只在用户需要它们时显示。但如果它们被激活,则必须填充它们。所以我得到了这个

组件.ts

组件.html

我遇到的问题是,当 inputActive 变量为 false 并且未显示输入时,该按钮仍然被禁用,因为该字段为空

我希望当输入没有显示时,它的验证器不会被执行,以便启用按钮

谁能帮我实现这一目标?

0 投票
2 回答
4117 浏览

javascript - 角度/形式整数验证器

如何验证我的数字输入字段仅接受整数而不接受任何类型的十进制数字(逗号/点)?

代码

Component

HTML

一

任何想法?

0 投票
0 回答
26 浏览

angular - 按下取消按钮时指令消失

我需要验证一个日期,所以我创建了一个指令验证器:

这是我的 HTML 标记:

还有我创建表单构建器的打字稿:

该程序一直有效,直到我添加新日期并收到正确的错误消息,但是当我单击取消按钮时,我会这样做:

错误消息消失了,似乎日期的验证器被删除了,但这是不可能的,因为验证器链接到指令。

谁能帮我?

0 投票
3 回答
564 浏览

angular - Angular 8 中的动态密码验证器

嗨,我有一个返回数组对象 passwordPolicy 的 api,其中包含

数字可以根据用户的角色不断变化,例如它可以是

我知道我们可以使用正则表达式模式验证进行验证,请参见下面的 如何使用 Angular 5 验证器模式验证密码强度

但是当数据不断变化时如何动态地实现验证。

我需要验证 newpwdctrlname。

0 投票
1 回答
120 浏览

angular - FormBuilder中调用方法的多个验证器

我创建了一个注册表单。密码电子邮件两个字段。

在此处输入图像描述

密码电子邮件的第二个字段中,我想检查第一个字段是否与第二个字段相同。

如果我只检查一个密码电子邮件,它可以工作,但对于两者都不起作用......

如何添加第二个validator

那么方法(matchingFields)对于密码电子邮件是相同的:

我找不到任何解决方案validator,仅适用于Validators.required,但这不是我的问题。感谢您的帮助

0 投票
0 回答
84 浏览

angular - 有没有办法在方法中转换主题订阅以返回值

我正在开发一个角度应用程序,其中我有一个带有一些字段的表单的模态对话框。其中之一是我有一个异步验证器来检查一个值是否只存在于调用 BE api 的数据库中。

我需要在我更改该字段的输入和提交表单时触发验证。

在提交表单之前,我需要重新检查所有字段,并且我必须等待 async-validator 响应,然后才能说整个表单是有效的。

我找到了一种方法来做到这一点,而且效果很好。

当我提交表单时,我可以等待所有同步/异步验证器完成,然后如果表单中的所有字段都有效,则提交表单。

现在我需要在这个组件内部创建一个方法

我可以从其他组件调用,并等待使用 formSubmitSubject$ 完成所有同步/异步验证并返回表单的状态。

那么,是否可以将 subject.pipe().subscribe() 放入一个方法中并仅在全部解决后才返回布尔值?

提前致谢!

0 投票
2 回答
65 浏览

angular - 在反应式表单中,如何创建一个自定义验证器来验证 formGroup 数组是否没有值?

我的意思是我有一个包含动态订单项目集合的订单页面。我想要求用户在该数组中至少有一项。我了解自定义验证器的简单用法,但在这种情况下,我验证的不是单个控件,而是一个数组。我怎么说'如果数组中没有值则给出错误'?

对于一个简单的情况,我会做类似的事情

编辑1:

我更近了。我确定错误何时存在。但是我的模板是错误的。如何查看模板中的错误?

0 投票
1 回答
475 浏览

angular - 如何以角度反应形式强制一个日期大于另一个日期?

我有以下反应形式:

如何添加强制 endDate 大于 startDate 的验证器?另外,有没有办法检查 startDate 和 endDate 是日期?我没有找到任何验证器?

非常感谢(很抱歉这个菜鸟问题)

0 投票
0 回答
21 浏览

angular - Typesript 角度中从日期(开始日期)和截止日期(结束日期)的验证器

有人知道开始日期和结束日期的验证器吗?实际上,当我们选择昨天的日期或已经过去的日期时,它应该会显示错误。如果让那些验证器有角度的打字稿会很棒。