FormControl验证器始终无效
FormControl验证器是Angular框架中用于验证表单控件的一种机制。它可以用于验证用户输入的数据是否符合预期的格式、范围或其他条件。当FormControl验证器无效时，意味着表单控件的值不符合验证规则，即用户输入的数据不满足预期要求。
FormControl验证器可以分为内置验证器和自定义验证器两种类型。内置验证器是Angular框架提供的一些常用验证规则，例如必填字段、最小长度、最大长度、正则表达式等。自定义验证器则是根据具体业务需求自行定义的验证规则。
应用场景：
- 表单验证：可以用于验证用户注册、登录、数据提交等表单中的各个字段，确保输入的数据的合法性。
- 数据校验：可以用于验证从后端获取的数据是否符合预期，例如校验接口返回的数据格式、数据完整性等。
推荐的腾讯云相关产品：
- 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高可用、可扩展的关系型数据库服务，用于存储和管理数据。
- 腾讯云云函数（SCF）：无服务器计算服务，用于按需运行代码，可用于处理表单数据的验证逻辑。
- 腾讯云CDN加速（CDN）：提供全球分布式的内容分发网络，加速静态资源的传输，提升用户访问体验。
更多关于腾讯云产品的介绍和详细信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
FormControl验证器始终无效
javascript、angular、formgroups
在我之前的question之后，我尝试创建一个自定义验证器，它只允许用户在文本输入中键入特定值。allowedValuesArray = ['Foo', 'Boo'];
this.myForm = new FormGroup({ });
allowedValues(con
浏览 17提问于2020-03-24得票数 1
回答已采纳
2回答
角2反应窗体自定义验证器仅在窗体控件有效时应用
angular、validation、angular-reactive-forms
如何实现仅在窗体控件有效时应用的自定义验证器？，即使其他人将使该字段无效。== 'John Doe') { } }如何使isValidName验证器仅在控件有效时(即前一个验证器返回的null )才被应用/执行？因为现在，我相信角将首先运行所有同步验证器，然后运行所有异步验
浏览 2提问于2018-01-06得票数 1
回答已采纳
1回答
Angular 5 Reactive Forms自定义验证器和必需验证器:与自定义验证器一起使用时，必需验证器始终返回True
angular、angular-reactive-forms、customvalidator
我正在尝试使用一个自定义验证器，并以响应式形式使用所需的验证器。自定义验证器的逻辑工作正常，并正确显示其错误消息。但是，在跟踪代码时，所需的验证器始终返回true。因此，即使表单中有有效的用户输入，表单控件也是无效的，并且在前端保持红色。
我尝试从表单控件中删除自定义验证器，所需的验证器行为正常。不确定为什么当与自定义验证<em
浏览 0提问于2018-10-02得票数 2
1回答
在角度无效和有效的条件下测试FormControl
angular、unit-testing、jestjs、form-control
ts：html： id="budget" [ngModel]="modelService.budget" value="{0 ->应无效10 ->应有效
浏览 17提问于2022-10-17得票数 0
回答已采纳
1回答
众所周知，我们可以将验证器添加到formGroup中的特定formControl，然后我们将通过使用controlname.errors获得验证器错误(真或假)。我发现我可以将验证器添加到FormGroup本身，而不是直接绑定到formControl，并且我认为可以通过使用formGroupName.errors来查找验证器的错误，但这个属性始终为空。
浏览 3提问于2018-01-31得票数 1
1回答
如何禁止角材料输入场的不良输入
angular、angular-material
placeholder="" autocomplete="off" (keyup)="updateInput($event)"></form> let formControl = new FormControl('', UIntValidatorDirective.validateF
浏览 0提问于2018-12-23得票数 3
回答已采纳
1回答
使用isEmpty函数扩展ControlValueAccessor
angular、forms、angular-reactive-forms、controlvalueaccessor
然后，我需要从父级验证这些表单的空白性。isEmpty的逻辑在每个表单中都有所不同。我试图用isEmpty方法扩展接口ControlValueAccessor，但我在父窗体中看到的只是没有isEmpty方法的标准FormControl孩子。 有没有办法做到这一点？
浏览 18提问于2020-10-09得票数 0
1回答
表单验证器闭包在角2中不工作。
angular
我制作了一个非常简单的电子邮件验证器，如下所示： return regExp.test(formControl.value) ?null : { email: true };当我将它添加到反应性表单方法中的验证器列表中时，这是可行的。但当我将上述函数更改为：
function
浏览 1提问于2017-02-14得票数 0
回答已采纳
1回答
Angular Reactive表单-验证不起作用
angular
当我使用反应式表单验证器时，表单总是无效的。</form>import { Component, OnInit } from '@angular/core'; accountName : new FormControl</em
浏览 9提问于2020-02-05得票数 0
1回答
角分量作为自验证formControls
javascript、angular、forms、angular-reactive-forms
该控件将始终有某种特殊的验证附加，我希望它在任何时候使用组件时都会出现在窗体上。 template: `
<div>Control Errors: {{control.errors | json}}</
浏览 1提问于2018-03-09得票数 1
回答已采纳
1回答
Angular2 (rc.5)使用自定义验证器将表单设置为无效
forms、angular
我使用的是模板驱动的表单，其中一个字段上有一个自定义验证器：myValidator：import { NG_VALIDATORS, FormControl'@angular&#x
浏览 4提问于2016-09-07得票数 1
2回答
使用setErrors使表单控件无效
angular、angular-reactive-forms、reactive-forms
我试图向表单控件添加一个错误(没有任何验证器)，并期望呈现时控件的状态无效。但是它被呈现为有效的。我到底搞错了什么？完整示例：https://embed.plnkr.co/aYayRFpBBTEzggL0vkXi/ const name = new FormControl('A Name');name.markAsTouched();
const street =
浏览 23提问于2019-04-24得票数 1
2回答
在使用angular11、FormBuilder和验证器时更改FormGroup窗体验证状态
angular、angular11
onblurRePass(event:any){ console.log("Pass Val: "+this.valOfPass + " RePass Val: "+this.valOfRePass);
this.matchPassword = 'matched';
this.addForm.status = '
浏览 4提问于2021-06-08得票数 1
回答已采纳
1回答
Angular FormGroup验证器不在FormControl上保留setError
angular、angular-reactive-forms、angular-forms、reactive-forms、formgroups
startTime: new FormControl(null), stopTime()]), 在组上的futureDateTime()验证器中，我执行一些逻辑来验证formGroup，如果它无效，我将执行以下操作： control.get('startTime').setErrors这在第一次起作用，并在FormControls第一次进入
浏览 49提问于2021-01-10得票数 1
1回答
将无效状态设置为反应性窗体控件
angularjs、angular、angular2-forms
我试图将窗体控件状态设置为无效，但此示例不起作用
this.currencyForm.controls['currencyMaxSell'].setErrors({smallerThan: true})
浏览 1提问于2017-04-13得票数 2
1回答
是否可以为FormControl中的FormArray中的每个Ionic3应用一个Validator？
angular、forms、ionic-framework、ionic3
FormGroup：bicos: new FormArray([],HomeInputValidator.isValid)所有的FormControl都添加到FormArray中，如下所示：(<FormArray>this.homeForm.controls['bicos'])}
据我所知，验证器负责整个FormArray，即当一个
浏览 0提问于2018-02-21得票数 0
回答已采纳
2回答
如果表单仍然相同，则阻止用户提交表单
angular、angular7
因此，我想阻止用户提交表单，如果表单是原封不动的/仍然相同的。该表单有一个submit按钮，单击时将调用我的submitChanges()函数。这是我的函数在TS中的样子。 submitChanges() {if (!this.myForm.dirty || this.myForm.invalid) {}
//...submit the form...
} 问题:逻辑似乎是有效的，直到我在表单中键入一些内容，并按我键入的内容退格键。它认为表单仍然是脏的，所以问题是，既
浏览 29提问于2020-10-02得票数 0
4回答
在反应式表单上使用正则表达式进行Angular 7电子邮件验证
angular、regex、forms、validation
在Angular上，我尝试使用以下regex验证电子邮件- ^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.2,}))$ 如下所示- createGroupForm() { 'groupName': new FormControl(null, Validators.compose([ ])),
浏览 48提问于2019-09-05得票数 4
回答已采纳
1回答
如何在Angular2中使自定义表单组件与表单验证集成？
angular、angular2-forms
然而，我找不到任何方法来获取组件上标记为“必填”的字段，导致父窗体在未完成时变为“无效”。
这有可能吗？
浏览 0提问于2016-11-04得票数 3
2回答
使用反应形式，当隐藏时，如何禁用嵌套角分量的验证？
angular
可以有条件地显示或隐藏子组件，因此我需要能够启用和禁用这些子组件中的验证器，以便当一个子组件被隐藏时，它的验证器不会使表单无效。我尝试在子组件上添加公共方法，如下所示： this.formControl.clearValidators(); Validators.requi
浏览 0提问于2018-09-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
