clearvalidators()与angular中的表单重置方法未按预期工作
clearvalidators()是一个自定义的方法，用于清除表单中的验证器。在Angular中，表单重置方法是通过调用form.reset()来实现的。
clearvalidators()方法的作用是清除表单中的验证器，使表单恢复到初始状态，不再显示任何验证错误信息。这个方法可以在表单提交成功后调用，以便在用户再次填写表单时，不会显示之前的验证错误信息。
在Angular中，表单重置方法是通过调用form.reset()来实现的。form是一个FormGroup对象，它代表了一个表单控件组。调用form.reset()方法会将表单中的所有控件的值重置为初始值，并清除所有验证器和错误信息。
使用clearvalidators()方法和表单重置方法可以实现清除表单验证器和重置表单的功能，确保表单在用户重新填写时能够按预期工作。
在腾讯云的云计算平台中，推荐使用腾讯云的云开发服务（CloudBase）来进行前端开发和后端开发。CloudBase提供了丰富的功能和工具，包括云函数、云数据库、云存储等，可以帮助开发者快速构建和部署应用程序。
腾讯云云开发（CloudBase）产品介绍链接地址：https://cloud.tencent.com/product/tcb
请注意，以上答案仅供参考，具体的解决方案可能因实际情况而异。
相关·内容
2回答
我正在尝试清除单选按钮更改事件时表单中的表单值和验证消息，但在表单控件为空时仍显示验证消息 this.myForm.reset();this.myForm.clearValidators();
这是在执行reset()和clearvalidator()方法后得到的输出。如果我在每个控件上执行for循环中<e
浏览 152提问于2021-06-08得票数 0
回答已采纳
4回答
角反应形式提交和清晰验证
angular、angular-reactive-forms、angular-forms、angular-formbuilder
Validators.required], price: ['', Validators.required]单击sumbit后，我调用此方法{ //add product } 在添加产品后，我清除表单但是，一旦清除了表单，就会触发验证错误。我希望验证错误
浏览 0提问于2018-07-01得票数 7
回答已采纳
3回答
在angular应用程序中重置google recaptcha？
javascript、angularjs、recaptcha
我在一个angular项目中使用了google的recaptcha，它按预期工作，但我不知道如何重置它。 var resetForm = function () { //r
浏览 2提问于2015-09-21得票数 4
5回答
以角度反应形式表示的条件所需验证
angular
我想基于一些其他的表单值对一些属性应用条件验证。我已经提交了一些答案，但这些都不能满足我的需求。因为我必须在我的大型企业应用程序的40+表单(大约30个字段)中实现条件验证。我不希望在每个组件中编写相同的代码并更改FormControl名称。我不知道如何通过Directive实现这一点。this.userCustomForm =
浏览 8提问于2018-10-18得票数 26
2回答
反应式表单.reset()不清除验证器
angular、angular-reactive-forms
我在Angular6中使用了一个简单的反应式表单。 ownerUser: ['', [Validators.required]]为了重置我正在使用的this.phoneForm.reset();，它正在清除表单，但没有清除验证器，我的</em
浏览 1提问于2019-01-22得票数 1
3回答
Angular 2:在填充完所有字段之前，表单有效返回false
forms、angular
我使用的是反应式表单。<button type="submit" [disabled]="!_searchForm.valid && !_searchForm.controls.name.pristine" class="form-control-feedback">Error message</div>如果我不触摸我可以提交的表单，那么p
浏览 0提问于2016-10-20得票数 1
2回答
Ionic 3 http请求
angular、typescript、rxjs、ionic3
每当此时从真实设备发出http请求(使用rxjs)时，源并且接收到服务中的引用是未定义的。import { Http } from '@angular/http';
export
浏览 0提问于2017-08-29得票数 0
1回答
如何将对象重置为其原始值并在AngularJS中保持绑定
javascript、angularjs、data-binding
: "10010"}myService.originalAddr = angular.copy(myService.addr);}
这将按预期工作，并将myService.addr重置为初始值。但是，我在表单中绑定的值不会<em
浏览 3提问于2017-06-02得票数 0
1回答
ngx-bootstrap datepicker withTimepicker bsconfig不工作
datepicker、timepicker、ngx-bootstrap
bsConfig的ngx-bootstrap withTimepicker: true选项似乎不起作用。我创建了一个新的angular 11项目，然后添加了bootstrap 5和ngx-bootstrap 7.1.0。我直接从文档示例中复制/粘贴了代码。Datepicker工作正常，时间选择器未按预期显示。到底怎么回事？
浏览 26提问于2021-10-19得票数 0
1回答
angular组件中的模板未按预期工作。
javascript、angularjs
这是我的index.html文件。 <script src="app.js"></script> <phone-list></phone-list>
浏览 0提问于2016-11-17得票数 0
15回答
如何清理提交后在角度2？
angular、angular2-forms
我有一些简单的带有模板的角2组件。如何在提交后清除表单和所有字段？我不能重新加载页面。使用date.setValue('')字段设置数据后，仍然是touched字段。import {Component} from 'angular2/core';
import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common&#
浏览 13提问于2016-01-12得票数 115
回答已采纳
1回答
Angular:模式的反应式表单验证未按预期工作
angular、angular-reactive-forms、reactive-forms
我正在使用angular 5和reactive表单，并尝试使用以下正则表达式验证电子邮件 ^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.+[a-zA-Z]{2,}))$ 我已经在https://regexr.com/中测试了这个正则表达式 ? 用于angular reactive form -> validators.compose时的相同正则表达式 ? ? 它失败了。 ?
浏览 21提问于2020-09-08得票数 0
回答已采纳
2回答
在角2-5中使用 FormBuilder 时，如果FormBuilder组中的另一个属性设置为true/false，是否可以忽略验证器规则？this.Validators.compose([Validators.min(1), Validators.required])], });
如果isSelected在表单中被设置为true，是否有一种方法可以忽略 set 中<
浏览 0提问于2018-04-11得票数 1
回答已采纳
13回答
角5 FormGroup复位不重置验证器
html、angular、typescript、angular-material、angular-reactive-forms
我的页面上有一个表单，当我调用FormGroup.reset()时，它将forms类设置为ng-pristine ng-untouched，但是FormControl.hasError(...)仍然返回
浏览 8提问于2018-01-11得票数 109
回答已采纳
2回答
Angularjs ng-需要在关闭模型后不清除通知
javascript、angularjs、twitter-bootstrap、bootstrap-modal
我正在使用Angularjs ng-表单验证所需的。当我试图用空白表格保存时，它显示了填充值的错误。在我关闭模型并重新打开模型表单之后，验证通知将不会被清除。Sample
浏览 0提问于2015-05-29得票数 1
回答已采纳
3回答
Angular material - autocomplete component下拉部分不会粘连到输入字段
angular、angular-material
angular-material中的autocomplete组件在MatDialog组件中未按预期工作。autocomplete组件中的drpodown部分不能粘贴到输入字段。选项将以下拉列表的形式打开。然后滚动弹出窗口的bodu。请注意，autocomplete组件的下拉列表部分并不固定在输入字段中。我该如何解决这个问题？
浏览 1提问于2018-12-14得票数 3
2回答
Angular2模型驱动表单中的单选按钮未按预期工作
html、angular、typescript
如果我在模型驱动的表单中创建单选按钮，它们可以很好地工作，但它们不具有由formControlName默认值反映的选中的单选按钮。id="makePublic" ><label for="makePublic">Make it Public</label>如果我这样做了，它可以正常工作，但我可以看到form.value.isPublic<em
浏览 0提问于2017-01-18得票数 0
1回答
在反应式表单中设置和更新表单数组的验证
angular、angular-reactive-forms
在angular 4中，我创建了一个具有如下表单数组的表单 name: ['', [Validators.required, Validators.minLength，我可以从该表单中添加删除等，并在表单中添加项。我现在尝试实现的是，当selectType等于custom (在表单上设置为单选按钮值)时，我需要更改项name<
浏览 0提问于2017-07-17得票数 9
回答已采纳
2回答
中的toFixed方法未按预期工作
javascript、angularjs
在处理大量数据时，我发现了一些奇怪的问题where as我需要的是
(99999999999999.9).toFixed(2) should return "99999999999999.90
浏览 0提问于2021-04-06得票数 1
2回答
如何在Angular2中提交表单后清除任何输入类型(如文本/密码等)的值/字符串
angular、angular2-forms
下面是我的HTML代码片段， <form class="form-horizontal" role="form" (ngSubmit)="createUser(Username.valueimport {Component} from '@angular/core';
selector: 'create-component',
templateUrl:console.log('Us
浏览 6提问于2016-12-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
