问题标签 [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 投票
0 回答
118 浏览

angular - 为什么我的输入验证器总是在 Angular 8 中显示消息?

我有以下表格:

这是我的 .ts 文件:

我使用了此链接中的代码。

因为它应该可以工作,当您使用输入或提交进行一些交互时,它会说电子邮件是强制性的。但我的错误信息总是被显示:

在此处输入图像描述

我做错了什么?为什么required即使我没有对我的输入做任何事情,属性的错误消息也会一直显示?

编辑:我试图删除占位符或将其设置为有效值,但错误仍然存​​在。尝试删除 ngModel 时也会发生同样的情况。

0 投票
0 回答
50 浏览

angular - 如何在 Angular 的表单字段上添加客户验证消息

我想为日期字段添加范围验证,它应该在 Angular 中用作表单验证。我从 API 获取每个字段的所有验证,如下所示,

在这里,必需的验证工作正常,但现在我需要验证不应小于 1900 且不应大于 9999 的日期年份。

我的期望是,它应该类似于表单验证之类的必需验证。我创建了订阅者来检查日期,并且我能够验证年份,但无法显示消息,因为它正在填充以进行所需的验证。

在此处输入图像描述

那么,当用户输入无效年份的日期时,如何在页面上添加验证消息,在控件下方?

0 投票
0 回答
43 浏览

angular - Angular AsyncValidator 不能按我的意愿工作

这不是我第一次使用AsyncValidator,但这次我试图创建更复杂的东西。我正在建立一个银行网站。在我的项目中,每个用户都有多个帐户。

我的表单中有两个输入区域:

  • Input-1 接受用户名。
  • Input-2 取帐号。

我想从 Input-1 中获取用户名并找到用户拥有的帐户,如果 Input-2 中的帐号不是用户的帐户之一,我想给 Input-2 一个错误。

角 V8

就像在这张照片中...

在此处输入图像描述

这是验证器:

先感谢您。

这是 Stackblitz 链接...

0 投票
2 回答
6221 浏览

angular - 角度之前日期的自定义验证器

我想dateValidator用反应形式编写一个自定义来检查输入的日期是否在今天之前。

组件.html

组件.ts

这里能写什么?我希望输入的值低于今天: value < new Date()

0 投票
2 回答
659 浏览

angular - 提交一次后使所有输入字段保持原始状态

我有一个角度形式,我想将所有输入字段标记为原始并在提交一次后禁用提交按钮。只是当这个页面第一次加载时。

0 投票
0 回答
18 浏览

angular - ReactiveForm 强制执行 asyncValidator

我有一个包含 3 个字段的表单。 Country, City, Age.

我在组上有一个 asyncValidator,以检查它是否City属于Country(验证器将调用服务,这就是他异步的原因......)。如果这是错误的,我会显示错误。

我的 3 个字段具有必需的验证。

我的问题是,当我填写Countryand时City,我的 asyncValidator 没有被调用。我填完后会打电话给他Age

我知道 asyncValidator 在每个同步验证器都具有 OK 的状态后执行。

有没有办法强制 asyncValidator 之前被调用?或者将 required 设置为 asyncValidator ?

0 投票
1 回答
40 浏览

angular - Angular Validator,检查电子邮件是否对数据库集或登录用户的当前电子邮件是唯一的

在我当前的应用程序中,我正在尝试构建一个允许用户更改其电子邮件或用户名的表单。我在表单字段上有一个验证器,因此用户不能拥有与其他用户相同的用户名或密码。我用用户当前的用户名和电子邮件预先填写该字段,但是,如果我单击该字段删除一个字符然后重新应用它,我会触发警告文本。如果当前用户输入自己的用户名,如何使验证器不引发错误?

0 投票
0 回答
53 浏览

angular - 无法读取未定义的属性“无效”

我不断收到此错误,对于我的一生,我不知道为什么!“无法读取未定义的属性‘无效’”changeData 验证器有效,但 ChangePasswordForm 表单的验证器不工作。

第二种形式的警告文本未激活。两种表单共享一个 HTML 卡片,对于间距问题,我们深表歉意。任何帮助都感激不尽!

0 投票
0 回答
434 浏览

angular - Angular Validator 模式未按预期工作

我正在使用角度反应形式。在 formGroup 的 formControl 中,我用一个无法正常工作的正则表达式设置了 Validator.pattern,我不明白为什么。我已经在这个网站https://www.regextester.com/99144上验证了正则表达式,检查它并且它工作正常

正则表达式(最少八个字符,至少一个大写字母,一个小写字母,一个数字和一个特殊字符)

这是表单组

因此,当我输入例如“World@20”时,它验证为真,但是当我开始输入“World@201”时,它验证为假,并且它是可插入的。“World@2010”再次验证为真,“World@20100”验证为假,以此类推

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
214 浏览

angular - Angular Reactive Form Control 数字和字母模式验证器验证不起作用

我正在从动态 JSON 值创建自定义反应表单,试图实现将用户在文本框中输入的字符隐藏为星号符号,

示例:假设用户正在输入“hello world”。

预期输出:**********,这应该在用户键入每个字符时出现

还将进行模式验证,例如仅字母和仅数字,

我已实现上述预期输出,但验证未按预期工作

编码我尝试过的内容