以角度反应形式验证一个字段与另一个字段答案

【问题标题】：validating one field with another field in angular reactive form以角度反应形式验证一个字段与另一个字段
【发布时间】：2021-07-28 13:06:35
【问题描述】：

我想要 Angular 最新版本的参考链接中相同示例的解决方案。在 Angular 10 或任何 Angular 版本中使用下拉验证值验证文本框。堆栈溢出中解决的参考链接How to validate textbox based on dropdown value in angularjs?

【问题讨论】：

这能回答你的问题吗？ Conditional required validation in angular reactive form

标签： angular forms validation reactive

【解决方案1】：

我将针对类似的主题编写我的解决方案，您可以自己定制：

我检查密码字段是否相同：

创建验证器

export class PasswordConfirmationValidator {
   
   static checkPasswordsAreTheSame(formGroup: FormGroup): ValidationErrors | null {
       const password = formGroup.get('password')?.value;
       const confirmPassword = formGroup.get('confirmPassword')?.value;
       
       if (password !== confirmPassword) {
           return {
               notTheSame: true
           };
       }
       return null;
   }
}

将此验证器添加到表单：

this.formGroup = this.formBuilder.group({
            password: [null, [Validators.required]],
            confirmPassword: [null, [Validators.required]]
        }, {
            validators: PasswordConfirmationValidator.checkPasswordsAreTheSame
        });

由于验证器可以访问整个表单，因此您可以获得任何控制权并使用它

【讨论】：