问题标签 [angular2-form-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.
angular - Angular FormArray 显示验证错误
我有在 FormBuilder 的帮助下构建的 Angular 表单。
Form 包含一个 FormArray,它具有用户想要的任意数量的字段。我已经为字段设置了验证器
并且对于每个新push
的验证器都是相同的。
问题是我不知道如何访问特定字段的isValid
属性,因为它们与FormControl
via绑定[formControlName]="index"
。
我试过这样做,但它似乎不起作用
从哪里传来的父母array
。formArray.controls
更新#1
angular4-forms - 在 Angular-4 中单击 AddMore 按钮验证模板驱动的表单
我正在研究模板驱动的 Angular 表单。当用户单击“添加更多”按钮时,我想显示验证错误消息。
下面是我的表格。
请提出一种实现预期结果的方法。
谢谢
angular - 如何使某些输入字段仅在选择相应的单选按钮时才需要
我正在做一个项目,其中有一个带有单选按钮的表单。我需要仅在选择相应的单选按钮时才需要某些输入字段
我需要如何检查单选按钮并相应地设置所需的数字输入字段。如果 *ngIf 尝试了很多方法和种类,但我无法获得正确的形式
提前谢谢 看这里
angular - 是否可以将动态值传递给 Angular 6 中的自定义表单验证器?
基本上,我有一些表单输入,它们的验证相互依赖(即,如果你在一个时间范围内,“从”时间必须小于“到”时间)但我不完全确定如何去吧。
这是我的表单组:
到目前为止,这是我的验证器:
但似乎该值x
或toTime
仅在创建验证器时第一次设置。有没有办法将动态输入传递给自定义验证器?
我对 Angular 还很陌生,但是已经阅读了有关自定义表单验证的文档,但似乎找不到我的答案
angular - 动态表单验证在 Angular 6 中不起作用
场景:用户想要找回电子邮件或重置密码。人员将根据要求选择相应的选项。仅当表单有效时,提交按钮才会启用。
问题:我想根据所选选项动态更新验证。但它不起作用。我肯定错过了一些东西。我使用了 clearValidators,但它也不起作用。这是 工作代码。
测试用:邮箱:test@test.com 密码:Test@1234
javascript - Angular 6 反应式表单验证不适用于自定义验证器
所以我创建了一个自定义验证器来验证“新密码”字段和“确认密码”字段是否匹配。在组件级别上,它工作得很好。错误消息仅在两个输入不匹配时显示。
问题是,我禁用提交按钮,直到表单有效,但是当我使用这个自定义验证器时,整个表单永远不会通过验证。填写表单时,所有组件验证通过,但表单验证不通过。
我在这里想念什么?
自定义验证器代码如下所示:
我将自定义验证器导入到我的组件中,并在组件中声明我的表单控件,如下所示:
在我的 ngOnInit() 生命周期钩子中,我创建了这样的表单组:
我的表单的 HTML 如下所示:
我希望这是足够的信息。为什么这在组件级别有效,但在表单级别无效?先感谢您!
angular - 表单数组字段上的Angular 5表单验证
我正在做一个项目,我想在表单数组字段上进行所需的验证。这是我的模板
这是我的组件
如果用户试图将这些字段留空,我只想显示必填字段错误消息。我感谢你的帮助。
angular - 如何以角度处理表单错误验证
嗨,我是 Angular 的新手,在我的表单中,我有三个字段Name、email
和radio 部分,我的要求是
-->当我选择名称单选按钮时,名称输入字段是必需的
-->当我选择电子邮件单选按钮时,电子邮件输入字段是必需的
我尽力了我的水平但没有结果我该怎么做这个要求有人可以帮助我吗
.html:
.ts:
angular - Angular中的“ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改”错误
Angular中的“ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改”错误
我使用 [隐藏] 内部表单元素。所以我有“ExpressionChangedAfterItHasBeenCheckedError”错误。