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

javascript - 角度 2 中没有默认值的 FormControl 布尔值

我在角度 2 (4.1.2) 中使用反应形式

我有一个布尔属性,我不想拥有默认值,但它应该是必需的。

这就是我创建表单的方式:

还有我的html:

问题是,虽然这可行,但单选按钮是预先选择的,但我不希望这样,而是必须通过单击其中一个单选按钮来选择它。如果没有单击任何单选按钮,我希望表单无效。

0 投票
1 回答
469 浏览

angular - Angular 2+ ReactiveForm 自定义验证功能未触发

我正在FormGroup以下列方式构建我的:

但是上面的验证箭头函数永远不会被触发;控制台从不记录。我究竟做错了什么?

0 投票
1 回答
686 浏览

javascript - 输入填充动态时AngularJS表单验证失败

我有以下表格: 如果我点击一颗星,输入将自动填充点击的星号。(点击第三颗星,输入将填充数字“3”,如下图所示)
在此处输入图像描述

在此处输入图像描述
星星下面的输入是ng-required="true"

numericrange 指令如下所示:

进入问题:

如果我点击一颗星并且输入动态填充一个数字,则表单无法验证,如下图所示:

在此处输入图像描述

我在表单有效的输入中手动写了一个数字,然后我可以单击提交按钮。

但是为什么如果我在输入中手动输入一个数字,表格就会有效,我可以点击“提交”按钮,如果通过选择星号自动填充输入,表格不会验证,我无法点击“提交” ' 按钮?

0 投票
1 回答
1727 浏览

angular - 自定义下拉验证显示问题-Angular2

我正在使用primeng下拉菜单..并使用了反应式表单验证..一切正常,但错误消息显示的方式不正确 在此处输入图像描述

验证消息显示在页面加载上。因为我编写了以下代码。关于我的代码有什么建议吗?或其他更好的方法来做到这一点。

0 投票
1 回答
3252 浏览

angular - 具有多个输入和验证的角度组件(必需)

我想创建一个具有多个输入控件的自定义组件,我可以在其他组件表单中使用它,包括验证。我能找到的唯一示例展示了如何使用 ONE 输入和自定义验证器创建一个简单的组件。但是我无法创建具有两个或更多输入的组件,例如

我正在使用“ControlValueAccessor”,以便可以使用“[(ngModel)]”调用我的组件

但问题是我不知道如何只为我的一个输入实现所需的验证器,并为它们两个实现最小长度验证器。该表单在开始时始终有效,但它不应该因为必填字段中没有值。

0 投票
2 回答
7024 浏览

javascript - Angular自定义异步验证器不起作用

这是演示 plnkr。我正在尝试为具有文本框和验证按钮的 OTP 输入实现自定义异步验证器。我只想在用户单击验证 OTP 按钮或表单提交按钮时验证输入。目前正在文本更改事件上进行验证,但它不起作用。 表单 HTML:

表单组件:

0 投票
1 回答
517 浏览

angular2-forms - 如何同时在多个 formControl 上设置验证器()?

是否有任何替代方法来最小化代码行。

0 投票
1 回答
723 浏览

angular2-forms - angular2 - FormGroup 验证未触发

我在表单中有一个 FormGroup。单击提交按钮时,我需要验证 FormGroup 控件,但它没有触发。TransactionForm 是表单,allocationForm 是 FormGroup。单击添加按钮时,我需要单独验证 FormGroup。必填字段验证未触发。

组件.ts

html

0 投票
0 回答
261 浏览

angular-reactive-forms - angular2 在表单初始化后添加自定义验证

我在组件而不是 html 中设置自定义验证错误消息。我无法获得像错误消息对象这样的全局变量,因为表单没有被初始化。获取未定义的错误消息...

零件

0 投票
1 回答
764 浏览

html - 数字字段需要验证不工作:Angular2

我正在使用 Angular 2。数字字段的必填字段验证器显示不确定的行为。在编辑模式下,即使它包含值,它也会显示必填字段错误。 在此处输入图像描述

我的html代码:

和打字稿代码:

调试后发现

此语句返回“true”,这就是为什么 Is 显示错误.. 但为什么会发生这种情况?