Angular reactive窗体自定义验证

文章/答案/技术大牛

发布

2回答

验证不会传播到Angular中的自定义表单控件ng-select

angular、typescript、angular-reactive-forms、angular-ngselect

我在我的Angular 9应用程序中使用了带有自定义窗体控件的Reactive Form。而且我在验证方面有问题。但实际上，使用自定义表单控件时，它不能正常工作。未设置css类，但设置了包装类。是我做错了什么，还是这是库的问题？检查stackblitz：

浏览 1提问于2020-02-29得票数 3

1回答

forms、angular5、angular2-forms、reactive

我试图使反应式表单自定义验证，从多组输入文本框，单选按钮，选择，表单得到验证时，任何两个输入字段填写或输入。

浏览 9提问于2019-09-12得票数 1

1回答

如何在错误列表角度模板表单中附加错误

angular

如何在Angular模板表单中使用验证器。我在Angular中创建了emailcomponent。

浏览 0提问于2021-12-04得票数 0

1回答

我正在开发一个Angular (12)反应式表单，表单控件值之间有许多直接和间接的依赖关系。例如:税率取决于所选的国家、日期和所选的收款类型，但也可以手工设置。税率的更改会触发净金额的更改。我试图通过窗体控件valueChanges订阅和控件组件的模糊事件来处理这些依赖关系，但这最终导致了一个事件处理程序地狱，其中一个更改覆盖了另一个更改。以一种干净、清晰和可维护的方式处理Angular reactive窗体控件之间的复杂依赖关系的方法是什么？我找不到一个合适的例子。

浏览 15提问于2021-10-05得票数 2

1回答

根据条件切换Validatos.required，angular6

angular

Validators.required : '']] 基本上，这个验证器切换将基于实际形式的其他一些字段值

浏览 30提问于2019-01-20得票数 2

2回答

无法在angular reactive表单中打印自定义验证器错误

angular

我在angular reactive表单中实现了一个自定义验证器，但它没有显示错误消息。请在下面的链接中找到代码。https://stackblitz.com/edit/angular-yalkcb?file=src%2Fapp%2Fapp.component.ts

浏览 19提问于2019-03-05得票数 0

回答已采纳

2回答

如何将表单设置为在Angular 7中有效

angular、forms

如何将form设置为在Angular 7中有效？select inside reactive窗体有效，所有控件都有效，但该窗体无效。我没有头绪。这种行为的原因是什么？

浏览 0提问于2019-03-05得票数 0

2回答

Angular Reactive窗体自定义验证未在触摸屏上触发

javascript、angular、angular-validation

我有一个带有默认Validation.required和CustomValidation的angular reactive表单。} AbstractControl, ValidatorFn } from '@angular

浏览 8提问于2021-09-30得票数 0

1回答

角度验证日期

angular、date、validation

我想设置验证器，但我什么也找不到。我想测试和验证我的日期格式是否正确，当我有两个日期时，我希望我的结束日期远远晚于我的开始日期也就是说，我的应用程序是多语言的，所以有几种日期格式我希望当用户输入22/48/22fr02ff或fr02020-15-8时显示验证错误，因为日期格式不正确。我还希望当2020年5月7日小于20/06/2020时显示验证错误，因为第一个日期在第二个日期之后输入日期示例： <mat-form-field appearance="outl

浏览 9提问于2020-07-29得票数 0

回答已采纳

5回答

如何在Angular 4中使用RxJS observable来揭开异步验证器？

angular、validation、asynchronous、rxjs

我正在使用自定义异步验证器和Angular 4 reactive forms来检查E-Mail地址是否已经被调用后端。 import {AbstractControl, ValidationErrors} from '@angular/form

浏览 4提问于2017-05-25得票数 19

2回答

角5:响应窗体-窗体控件更新时窗体组验证重新触发器

angular、custom-validators

我正在使用Angular 5 Reactive forms，并设置了一个form group --例如confirmEmail --使用两个form controls作为email和confirmEmail我还在我的form group中添加了一个form group，并附上了form controls的required验证。My use case is：我想根据单个表单控件的值触发custom validation，如果自定义验证器返回为invalid，则将表单控件标记为有错误。My issue is

浏览 1提问于2018-04-11得票数 1

回答已采纳

4回答

在更新和验证子组件后运行ControlValueAccessor验证

angular、typescript、controlvalueaccessor

我正在处理Angular中的一个难题。我想创建一个自定义表单组件，它“捆绑”了几个子输入元素，并在所有子元素都有效时有效。我使用ViewChildren装饰器将输入作为NgModels注入，这样我就可以遍历它们并收集组件的validation方法中的任何验证错误。经过一些研究之后，我注意到这是因为Angular在调用自定义表单组件上的ControlValueAccessor接口的writeValue方法之后，立即调用了Validator接口的Validator方法这样，当Angular在

浏览 82提问于2019-07-24得票数 0

回答已采纳

1回答

Angular material自定义输入-从外部调用setValidator时删除内部验证器

angular

我构建了一个自定义的datepicker，它支持angular material +应该可以很好地处理angular reactive forms。(你也可以从npm安装：npm install @covercy/datepicker) 该组件有一些内部验证器(例如，它验证无效的日期)，这些验证器在OnInit方法中设置。问题是，如果我从外部(在使用组件时)更改输入元素上的验证器，例如: setValidators(

浏览 6提问于2019-11-11得票数 0

1回答

Angular reactive form -自定义验证器

angular

我遇到的问题是屏蔽破坏了我的反应式表单验证器。import {WithinLoanRangeDirective} from '.> 验证器现在正在检查屏蔽输入的

浏览 20提问于2017-07-28得票数 0

1回答

如何在包装器元素上显示Angular Reactive Forms类？

angular、angular-reactive-forms

在Angular中使用反应式表单时，如何将验证类(例如ng-invalid、ng-touched等)附加到包装元素上。我需要验证类出现在一个元素上，而不是绑定到表单控件的实际输入上。有没有办法使用formControlName或类似的东西来实现这一点？我知道如何使用ngClass来做这件事，但那太麻烦了。

浏览 0提问于2019-01-28得票数 0

1回答

验证输入列表电子邮件Angular 8

javascript、arrays、angular、angular8、angular-reactive-forms

我在Angular 8中有这段代码，它向我显示了一个输入列表，比如附加的图像。我遇到的问题是，当我点击“完成”按钮时，我必须验证电子邮件的语法，如果这是无效的，还必须更改输入的颜色：如果只有一个字段，我会使用formGroup来验证，但我不知道如何验证电子邮件字段列表

浏览 2提问于2021-07-20得票数 0

1回答

在angular 7下拉列表中设置默认值以外的其他值

angular7、dropdown

我有一个下拉列表，它显示“US”作为默认值，这是正确的，但假设用户来自印度，所以我希望在下拉列表中显示“印度”，如果用户来自“美国”或任何其他国家，则在下拉列表中显示“US”。所以我想在下拉列表中存储用户的当前位置。但是默认情况下，它应该在下拉列表中显示'US‘。如果用户来自印度，则在下拉列表中设置“印度”。简单地说，如果用户来自“美国”或任何其他国家，那么默认情况下，它会在下拉列表中显示“US”，但如果用户来自“印度”，则会在下拉列表中显示印度。 app.component.ts - countries = [ { name: 'USA', id:

浏览 18提问于2020-03-24得票数 0

1回答

Angular对无效表单字段的验证是如何工作的？

angular、validation

Angular中的表单域无效的条件是什么？我可以通过指定自定义规则集来定义它吗?还是由Angular在内部完成？它是否因表单域的类型而异？另外，AngularJS和Angular中的invalid表单验证有什么不同吗？

浏览 0提问于2018-03-12得票数 0

1回答

如何在反应式表单中处理法国数字的最小数字验证？

angular、angular-reactive-forms

我正在寻找解决方案，以支持法国数字的最小值。我确实有表单控件，我为表单控件添加了Validators.min函数，但当我开始处理法国数字时，最小函数不起作用。下面是示例。 value: [ [Validators.required, Validators.min(0.01)], ], ?

浏览 13提问于2020-12-08得票数 2

1回答

反应式对象成员上的角度验证器

angular、typescript、angular-material、angular8、angular-reactive-forms

我们有一个Angular Reactive Formbuilder this.formBuilderGroup({ 'productType':['',[Validators.required,如何在其中的实际对象成员上使用验证器？例如productType.productTypeId验证器最小值为1。和deliveryCategory.deliveryCategoryNo最小1？如何编写将对象作为对象成员作为参数的自定义验证器？还是有更好

浏览 10提问于2020-03-19得票数 0

回答已采纳

点击加载更多