angular2 rc.6自定义表单验证器表单值未更新
Angular2是一种流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。在Angular2中，表单验证是一个重要的功能，可以确保用户输入的数据的有效性和一致性。自定义表单验证器是一种方式，可以根据特定的需求来定义和应用自定义的验证规则。
在Angular2中，表单值未更新的问题可能是由于以下几个原因导致的：
- 绑定问题：首先，需要确保表单控件与模型中的属性正确地进行了双向绑定。双向绑定可以通过使用[(ngModel)]指令或[formControl]指令来实现。确保表单控件的值能够正确地更新到模型中。
- 变更检测策略：Angular2使用了变更检测机制来跟踪模型的变化并更新视图。默认情况下，Angular2使用的是"Default"变更检测策略，它会在每个事件循环中检查所有绑定的属性是否发生了变化。如果表单值未更新，可能是因为变更检测机制没有正确地检测到变化。可以尝试使用"ChangeDetectionStrategy.OnPush"变更检测策略，它会更加精确地检测变化。
- 表单控件的状态：Angular2中的表单控件有不同的状态，如"pristine"（未修改过）、"dirty"（已修改）、"valid"（有效的）和"invalid"（无效的）等。如果表单值未更新，可能是因为表单控件的状态没有正确地更新。可以通过调用表单控件的"markAsDirty"或"markAsTouched"方法来手动更新状态。
- 自定义表单验证器的实现：如果自定义表单验证器没有正确地实现，也可能导致表单值未更新的问题。自定义表单验证器应该返回一个验证错误对象，其中包含一个键值对，表示验证失败的原因。确保自定义表单验证器正确地应用到表单控件上，并返回正确的验证错误对象。
总结起来，解决Angular2中自定义表单验证器表单值未更新的问题，可以从以下几个方面入手：检查绑定是否正确、尝试不同的变更检测策略、确保表单控件的状态正确更新、检查自定义表单验证器的实现是否正确。
腾讯云提供了一系列与云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
tl;dr：
我的Person实体表单上有一个未映射的字段，需要对其运行验证。我正在创建自己的唯一约束，需要运行自定义查询来确定唯一性。要
浏览 2提问于2014-05-05得票数 7
回答已采纳
2回答
当使用模型驱动的表单验证时，它开始变得令人沮丧，到目前为止，它还没有工作2天。
据我所知，Angular2测试版仍然存在一些bug。我在使用了角-io的例子，在使用了不同的例子。有人能给我提供一个我可以试用的验证示例吗？
浏览 5提问于2016-04-15得票数 0
回答已采纳
我是Angular2的新手。我正在尝试将用户输入限制为110到5000之间的数字。我不想只做用户输入验证。我想防止用户输入介于110和5000之间的不同数值。
浏览 3提问于2017-07-20得票数 2
我正在尝试检查表单上的“image”字段，看看它是否有效。我有一个自定义验证器，如果用户尝试上传的图像大于5MB，该验证器会导致表单无法验证。它是一个模型表单，并且该模型还有一个“image”字段。用户可以成功上传照片，如果它小于5MB，所以它不会损坏任何其他东西。
编辑:我已经更新了else语句。每当我尝试分别更改模型实例上的值或表单值时，我都会收到一条错误消息
浏览 0提问于2018-04-22得票数 0
15回答
如何在提交后清除表单和所有字段？我不能重新加载页面。使用date.setValue('')字段设置数据后，仍然是touched字段。import {Component} from 'angular2/core'; selector: &
浏览 13提问于2016-01-12得票数 115
回答已采纳
我已经创建了angular2 web应用程序.in，我已经使用表单生成器实现了一个自定义验证器，它将用于提交，但我需要在其他表单控件值更改中动态触发验证，请给出实现这一目标的建议。
谢谢
浏览 7提问于2017-04-13得票数 3
回答已采纳
1回答
我正在从包含复选框的代码创建表单，并且没有验证器可以确保复选框被选中，就像存在和比较验证器可以做的那样。checkbox需要使用自定义验证器，这对我不起作用，因为checkbox id是任意的，并且可以有任意数量的复选框需要检查。我可以让一个自定义验证器调用服务器函数，但它不知道也不能引用字段复选框数据，因为所有操作都是动态完成的。HTML页面只是一个div，我添加了代码生成的<e
浏览 1提问于2015-03-08得票数 0
3回答
我很难同时使用表单中的*ngIf和ngFormModel来验证所述表单。
如果需要特定的格式，则可以使用pattern属性。但是为了实现更复杂的验证，我一直试图使用ngControl耦合到ngFormModel，以便使用自定义检查。&
浏览 2提问于2016-03-01得票数 13
回答已采纳
我使用Angular2 ng-表单，我喜欢它如何自动判断表单上的所有控件是否有效，如果是，则启用我的表单提交按钮。TS代码中的双绑定docdate值，表单在开始键入另一个textbox控件之前也不会发现它是有效的。this.docdate = $(e.target).val(); 如何使用jquery插件(如datedropper或Select2)，在用户更改值后，更新jquery中的底层输入控件
浏览 2提问于2017-03-08得票数 2
回答已采纳
我在angular2中使用了一些验证器，比如等号密码验证器。在这些场景中，两个控件都是相同的形式，我可以在指令的验证方法中访问这两个控件。但是在我的场景中，表单只有一个名为Email的表单控件，只有当EmailFlag为真时才需要它。EmailFlag不是窗体控件，它将随时更新其值。我在验证器的ngOnChanges中处理EmailFlag的更改值，在验证
浏览 4提问于2020-01-30得票数 1
我有一个带有元素username的表单。有两个验证器：NotEmpty和StringLength。StringLength的自定义错误消息正在工作，但不知何故，它没有使用NotEmpty验证器的自定义错误消息。在ZF1中，当需要一个可以关闭的元素时，会自动添加notEmpty验证器。我在ZF2中找不到这样的选项，可能我的NotEmpty验证器没有使用，因为它已经由required标志添加了！？
浏览 0提问于2012-08-17得票数 6
回答已采纳
1回答
基本上，我有一个可能不是空的textfield，因此我添加了以下验证：(实际上，我还有几个验证标准，但它们在这里并不相关)。但是，当字段被禁用时，我无法提交表单--即使文本框中显示了一些内容。我不知道这里发生了什么，但随后我尝试验证，如下所示：void onValidate(){
if (isFieldADisabled更复杂的是，整个过程都在一个container
浏览 0提问于2019-01-28得票数 0
回答已采纳
我在angular2上有一个带有自定义验证器和普通验证器的表单，我的主要问题是我不能仅在提交时限制这种验证，当我更改或模糊输入元素时，它会一直触发。我一直在尝试覆盖eventChanges并触发验证，但我认为这可能是另一个简单的解决方案。
提前谢谢。
浏览 22提问于2018-01-17得票数 0
1回答
我创建了一个带有2个自定义验证器的Angular2表单，并将其传递给FormControl 'CF': ['', [Validators.required, customValidator()], asyncCustomValidator()],下面是一个插入器： (它基于一个旧的Angular2版本)。此外，使用compose方法和将两个或更多验证</e
浏览 12提问于2017-01-27得票数 3
我有一个包含两个字段的表单: validFrom和validUntil。如果值在validFrom中的值之前，ValidUntil有一个自定义验证器，该验证器将使字段无效。但是，当表单处于无效状态时，当我将validFrom值编辑为更早的值时，我希望表单可以验证，但它没有。
我尝试了vm.form.validUntil.$validate()，它似乎做了一些事情，
浏览 3提问于2015-10-06得票数 2
我找不到任何文档来验证用户手动输入到clrDate控件中的日期。显然，如果从日历中选择日期，则日期选择器将自动处理日期，但如果日期无效，文档将不提及发出哪些错误。编辑：我想检查输入的日期文本是否有效，因为日期控件在内部检查它，但是我不知道如何验证它。
浏览 7提问于2020-06-10得票数 0
我正在用Angular2验证表单，我使用了默认的验证器和一些自定义的验证函数来验证。我还实现了来自服务器的异步验证。现在的问题是，它在更改事件上验证控件，并在该控件上的每次按键时执行ajax请求。有什么方法可以控制该控件的验证吗？或者在模糊或任何其他事件上执行验证？
浏览 14提问于2016-08-03得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
