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

angular - 使用表单生成器的角度 5 验证日期字段

我有表单,我想在提交时验证日期字段,我正在使用表单生成器,我该怎么做(角度方式)?另一个问题为什么我看不到日期字段中的值 published_date ?我试图搜索,但找不到输入日期字段的解决方案。

0 投票
2 回答
10821 浏览

angular - Angular 6 - 反应式表单验证模式不起作用

我有一个 Angular 6 反应式表单并尝试使用正则表达式模式验证密码,但它不起作用。

我使用的正则表达式是这样的:

无论我在密码中输入什么,我都会在 ui 中收到错误消息Not valid

知道我做错了什么吗?

0 投票
2 回答
928 浏览

angular - How to set multiple cross fields validators in a fromGroup Angular 4

I have a reactive form that has very interrelated validations. I created a class that have all the functions for cross field validation, but if I try to set it using Validators.validator it does not trigger the functions. If I just used {validator: MyValidatorClass.myCrossFieldValidator1} this will work on that function, but I have more validators that I need to apply and its not good solution starting creating sub form Groups.

My code looks like this code but with other names

and the form:

// But this does not work );

Other solutions around here recommend to declare sub groups or apply the function to a fields but what I am looking is to apply multiple custom cross field validators to my group. Not sure what is wrong or if is a limitation of the technology. Angular in its example only shows the easy case of one validator function https://angular.io/guide/form-validation#cross-field-validation

0 投票
3 回答
5955 浏览

angular - Angular 6 反应式密码验证正则表达式模式和确认验证

我正在尝试使用 Angular 6 反应式表单构建注册表单。

}

如何进行验证,以便允许:

  • 数字
  • 首都
  • 小写字母
  • 任何特殊字符
  • 最少 8 个字符

我使用的这个正则表达式工作正常,但我不能使用任何其他特殊字符,例如我尝试过Demoo123#但没有工作。不过Demoo123@效果很好。我认为特殊字符部分的正则表达式存在问题。我是否必须手动提及所有允许的特殊字符?或者有什么捷径吗?我在某处读到正则表达式不喜欢主题标签#……这是真的吗?

另一个问题是如何进行确认验证,以便确认密码值必须与密码字段值相同?

0 投票
1 回答
624 浏览

angular - 如何在 Angular 中的验证指令中触发 ngOnChanges 上的验证函数?

如何在 Angular 中的验证指令中触发 ngOnChanges 上的验证函数?

我检测到 ngOnChanges,但它无法触发验证功能

0 投票
1 回答
1439 浏览

angular6 - 将模式验证器应用于输入类型号 Angular 6

我有反应形式,其中一个字段用户只能输入正数非十进制数。

当我将其保留为输入类型文本时,两个验证都会触发而没有任何问题。除了正整数外,我无法输入。

我想在这里使用输入类型=数字。问题是

  • 在字母表上,它认为没有输入任何内容,因此需要显示。
  • 它让我输入一个十进制值,模式验证不会为我触发

如何解决这个问题?我不想编写自定义验证,因为对于字母它不会触发任何方式。

0 投票
2 回答
1520 浏览

angular - 在 Angular Reactive 表单验证中出现错误

我正在处理 Angular 反应式表单验证,但我无法验证电子邮件。

每次在电子邮件输入字段中输入时,我都会遇到错误-

我将我的代码放在 ts 文件和 html 文件中

ts 文件 -

HTML 文件 ->

注意 -> Button is disabled ,在表单字段验证后,按钮将被启用。我使用了 Validators.email 所以,如果我写一封有效的电子邮件,例如 - anurag@gmail.com 并填写所有输入,按钮永远不会启用 但是当我删除 Validators.email并填写所有输入按钮时启用

0 投票
1 回答
343 浏览

angular - 响应式表单中的自定义验证器控制数量

我很难在 Angular 的反应式表单中实现自定义验证。我需要控制数量。数量不应超过可用数量。问题如果每行都有子行,我如何获得所有数量的总数。我将如何计算子行的总数并将其与找到可用数量的父行进行比较。下面是我的代码。

这也是我的代码的链接请点击此链接

0 投票
1 回答
1236 浏览

angular - 自定义 Angular 验证器与输入掩码冲突

我创建了以下 Angular 5 验证器:

这个验证器工作得很好,除非我将它与应用输入掩码的自定义指令一起使用(https://github.com/RobinHerbots/Inputmask)。

该指令如下:

使用掩码指令输入(掩码有效,但验证停止工作,因为无法处理输入值):

有什么问题?

编辑:

添加表单构建器:

0 投票
1 回答
1020 浏览

angular-reactive-forms - 了解angular4中Validation类中的静态方法

我开始以角度学习模型驱动形式,当我浏览模型驱动形式的文档时,我发现了这个

组件.ts

现在,当我转到验证器类的定义时,我发现了这个

这解释了required 是验证器类中的一个静态方法,它需要一个 AbstractControl 作为参数。但是为什么我可以在不传递任何参数的情况下使用它。