问题标签 [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 回答
12910 浏览

angular - 反应形式角度2的多个自定义验证器

validator我在 a 中有两个自定义reactive form,我调用下面的函数在组件构造函数中创建表单:

}

PasswordValidation是一个具有两个功能的类,如下所示

每个自定义验证器都可以像这样单独工作

或这个

但是在数组中使用它们

得到错误this.validator is not a function并且不起作用,我不知道,请帮助。

0 投票
1 回答
1541 浏览

angular - Angular(4):模板驱动表单中的自定义验证器显示后面字段的当前值

我似乎无法弄清楚为什么我的自定义验证器比字段值落后一步。示例:我的输入字段的值 123 是一一键入的。但我的验证器的值为 12。

我无法正确比较两个字段之间的值。这是指令中的验证器:

这是该字段的html:

0 投票
0 回答
654 浏览

angular - 异步验证器不返回错误对象

我正在尝试使用异步验证器检查旧密码匹配,即使密码不匹配也不会返回错误对象。

密码验证器.ts

密码.service.ts

更改密码.component.ts

错误对象

永远不会返回

0 投票
2 回答
11919 浏览

angular - 将 formControlName 用于反应形式的自定义输入组件

有一个自定义输入组件,它以带有验证的反应形式使用:

效果很好,我custom-select以反应形式使用并希望像下面这样验证它:

这就是我在组件中声明表单的方式

但是当我添加formControlName验证时,它会出现错误,显示No value accessor for form control with name: 'country'。我该如何处理?

0 投票
2 回答
23980 浏览

forms - 角度表单验证:比较两个字段

在 Angular 4 应用程序中,如何验证表单的两个字段进行比较?

例如,假设我的表单有一个startDate和一个endDate日期字段,并且我想确保endDate必须大于startDate.

0 投票
1 回答
1476 浏览

angular - Angular 4 + Angular Material 2 模板表单字段验证不起作用

我有一个搜索字段,其中显示带有动态内容的下拉列表。我希望能够显示模式验证错误。这是代码:

我收到此错误:

这指向这一行:

我不太明白为什么没有定义它们的变量。我尝试使用ngModel name="currentSearchResult"and#currentSearchResult="ngModel"但这也给出了错误。

我在这个领域缺少什么?谢谢

0 投票
0 回答
2018 浏览

forms - 将表单控制值传递给自定义验证器角度反应形式

有一个自定义验证器将值作为参数并检查所属控件值是否等于该参数值。表单是reactive form,应该检查的值是表单中现有的控件值(名字、姓氏和电子邮件)。

问题是当创建表单时,所有控件(名字、姓氏和电子邮件)都没有值,所以 null 将被发送到验证函数,然后验证不起作用,这种情况应该如何处理?我正在考虑custom async validator但不知道如何实施以及考虑是否正确。

自定义验证器

表单创建

0 投票
3 回答
5230 浏览

angular - 反应式表单 - 在取消时跳过验证

我有一个具有取消和提交按钮的反应表单:

现在,如果我单击提交(存储)按钮验证启动 - 一切都很好。但是,如果我单击取消,它也会触发验证。我想知道为什么?我不需要对取消进行任何验证。我需要做什么才能将其关闭?

0 投票
3 回答
14776 浏览

angular - 从角度输入中聚焦时触发验证?

当我们继续在文本框中输入时,电子邮件验证被触发。我希望当用户关注文本框时触发此验证

下面是我的代码:

请建议我如何实现这一目标。提前致谢。

0 投票
3 回答
6897 浏览

angular2-forms - Angular 2 / Material - 应用到父 FormGroup 的自定义验证器未显示 md 错误

我在使用 Angular(v4.3.6)在模型驱动表单上显示验证错误时遇到了一些麻烦。

在我的模型中,我有以下内容:

引用的 ValidatePasswordConfirmation 自定义验证器如下:

最后,在我的模板中,我有以下内容:

但是,由“不匹配”错误控制的 md 错误永远不会出现。因此,为了在页面上调试它,我添加了以下内容:

不出所料,调试行显示真/假,如您所料。但是,永远不会显示“md-error”……除非显示“必需”错误。我有一种感觉,问题是由于 [formControl] 引用了 passwordConfirmation FormControl,因此如果它无效,则不会显示 md 错误。但是,我希望在外部 FormGroup 无效时显示此错误。

关于我在这里出错的任何指示都会非常有帮助!

最后,我尝试了其他一些方法,例如在 PasswordConfirmation FormControl 上设置错误,这很有效,但我想知道为什么我当前的实现失败了。