angular-validation相关内容
我有一个简单的登录页面,其中包含一个使用 ControlValueAccessor 的响应式表单和子表单组件 app-login-form,它正在运行,但我无法弄清楚如何在子窗体中显示错误.这是我开始创建更复杂表单之前的一个示例. 提交时,我尝试访问子表单和 markAllAsTouched,但是当我查看类未更改的元素时. 我做了一个快速的StackBlitz 来展示我在做什么.如何在
..
如何根据另一个字段的值有条件地验证一个字段?这是我尝试过的,但似乎不起作用 this.PDform = _formbuilder.group({[...]'intlNumber': ['',this.nationality == '国外' ?Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLen
..
嗨,我正在使用 Form Builder 实现一个 angular 2 的表单 在 component.ts 中,我使用 formGroup 实现了我的表单 下面是我的代码 public myForm: FormGroup;构造函数(私有身份验证服务:AuthenticateService,私人_fb:FormBuilder){}ngOnInit() {this.myForm = t
..
有一个自定义输入组件,它以带有验证的反应形式使用: @Component({moduleId: module.id.toString(),选择器:'自定义选择',templateUrl: 'custom-select.component.html',styleUrls: ['custom-select.component.css']})导出类 CustomSelectComponent {@In
..
我有一系列表单(每个表单由 1 个组件管理). 这些表单中有一种输入模式(例如,其中许多需要允许输入地址),我必须重构为可重用组件,因为它们在多种表单中使用,我不想重复无论是他们的逻辑还是他们的模板. 每个可重用的组件都必须 有它的逻辑 有包含输入标签的模板,没有 标签 有其客户端验证约束 可能从其父级接收初始值 能够将其字段的值作为对象返回给父级(例如 address
..
我很难在 Angular 的响应式表单中实现自定义验证.我需要控制数量.数量不应超过可用数量.问题是如果每行都有子行,我怎么能得到所有数量的总和.我将如何计算子行的总数并将其与找到可用数量的父行进行比较.下面是我的代码. 这里还有我的代码链接请点击此链接 customValidator(campo1: string) {return (group: FormGroup): { [key:
..
在我的 Angular 4 应用程序中,我有一个包含多个控件的表单. 在某些时候我需要强制更新它们的有效性,所以我这样做: this.form.get('control1').updateValueAndValidity();this.form.get('control2').updateValueAndValidity();this.form.get('control3').update
..
我正在尝试对 Angular 5 进行自定义验证,但遇到以下错误 期望验证器返回 Promise 或 Observable 如果值与所需的值不匹配,我只想向表单返回一个错误,这是我的代码: 这是我的表单所在的组件 构造函数(fb: FormBuilder, private cadastroService:CadastroService) {this.signUp = fb.group
..
我有一个 FormGroup 定义如下: this.businessFormGroup: this.fb.group({'businessType': ['', Validators.required],'说明': ['', Validators.compose([Validators.required, Validators.maxLength(200)])],'收入': ['']}) 现在
..
我有以下表格: 如果我点击一颗星星,输入将自动填充被点击的星星的编号.(点击第三颗星,输入将填充数字“3",如下图所示) 星号下方的输入是 ng-required="true".
..
除我的日期外,所有其他字段都已预先填充. 出于测试目的,我将日期硬编码为 MM/DD/YYYY. 从数据库中,我将获得日期和时间,因此我需要使用管道将其设为 MM/DD/YYYY(我对此是否正确?) 组件代码 this.projectForm = new FormGroup({'name': new FormControl(project.ProjectName, [Valid
..
如何根据另一个字段的值有条件地验证一个字段?这是我尝试过的,但似乎不起作用 this.PDform = _formbuilder.group({[...]'intlNumber': ['',this.nationality == '国外' ?Validators.compose([Validators.pattern(this.phoneNumberExp), Validators.maxLen
..
我创建了一个自定义输入控件.我不想创建任何自定义验证.我想使用默认的必需、minLength、maxLength 等.我知道我可以这样做 this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]); 但我无法从父组件发送表单引用.如何在文本框组件中使用 se
..
我想知道是否可以在模糊上以反应形式进行验证.目前您可以设置 updateOn: "blur" 但是输入字段的值不会在输入时更新.在我的情况下,我需要在每次击键时更新值,因为我用它进行计算并将结果显示给用户.验证应该只在模糊时发生. 谢谢. 编辑: 我使用 FormBuilder,一些内置验证器和一些自定义验证器.示例代码: let formToMake = {目的:[null,
..
我有一系列表单(每个表单由 1 个组件管理). 这些表单中有一种输入模式(例如,其中许多需要允许输入地址),我必须重构为可重用组件,因为它们在多种表单中使用,我不想重复无论是他们的逻辑还是他们的模板. 每个可重用的组件都必须 有它的逻辑 有包含输入标签的模板,没有 标签 有其客户端验证约束 可能从其父级接收初始值 能够将其字段的值作为对象返回给父级(例如 address
..
我正在尝试对 Angular 5 进行自定义验证,但遇到以下错误 期望验证器返回 Promise 或 Observable 如果值与所需的值不匹配,我只想向表单返回一个错误,这是我的代码: 这是我的表单所在的组件 构造函数(fb: FormBuilder, private cadastroService:CadastroService) {this.signUp = fb.group
..
我创建了一个自定义输入控件.我不想创建任何自定义验证.我想使用默认的必需、minLength、maxLength 等.我知道我可以这样做 this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]); 但我无法从父组件发送表单引用.如何在文本框组件中使用 se
..
我正在使用 ReactiveFormsModule 并在常量配置中定义了我所有的表单控件,包括简单的验证器,例如 Validators.required. 我想向其中一个 FormControl 添加自定义验证器. 我目前在这个配置中添加了自定义验证器作为一个函数,它工作正常,但它不属于这里,它确实需要存在于我的组件中,但我不确定如何附加在 FormBuilder 配置我的所有控件后手
..
有一个自定义输入组件,它以带有验证的反应形式使用: @Component({moduleId: module.id.toString(),选择器:'自定义选择',templateUrl: 'custom-select.component.html',styleUrls: ['custom-select.component.css']})导出类 CustomSelectComponent {@In
..
我正在使用反应式表单,并且在一些教程中我注意到他们会执行以下操作: HTML .... TS ..firstName:['',Validators.required].. 问题: 如果我只是在 TS 中为什么要在 HTML 中指定 “必需" >可以正常工作吗? 解决方案
..