主页 / 问题 / 920051
Accepted
Чайник
Asked:2020-12-14 23:16:48 +0800 CST2020-12-14 23:16:48 +0800 CST

Angular 密码比较验证器

  • 772

我不知道如何比较字段和密码的验证器功能，下面是一个用密码验证字段的功能，但我只能将这个验证器挂在一个字段上，以及如何为两个字段制作相同的功能

 this.form = new FormGroup({
      'name': new FormControl(null, [Validators.required]),
      'email': new FormControl(null, [Validators.required, Validators.email], this.forbiddenEmails.bind(this)),
      'pass': new FormControl(null, [Validators.required, Validators.minLength(6)]),
      'conf_pass': new FormControl(null, [Validators.required, Validators.minLength(6)],
        this.confirm_pass.bind(this))
    })

confirm_pass(control: FormControl): Promise<any>{

const val = this.form.value;

    return new Promise((resolve, reject) => {
          if (control.value !== val.pass){
            resolve({confirm_pass: true});
          }else {
            resolve(null);
          }
    })
  }
angular

1 个回答

  1. Best Answer

    您需要添加自定义验证器：

    private passEqual() {
  return (group: FormGroup) => {
    return (!group.dirty || !group.touched) ||
            group.get('pass').value === group.get('conf_pass').value ?
               null : 
               { custom: 'пароли не совпадают' };
  }
}

    并将其调用添加到构建器中：

    this.form = new FormGroup({
      'name': new FormControl(null, [Validators.required]),
      'email': new FormControl(null, [Validators.required, Validators.email], this.forbiddenEmails.bind(this)),
      'password': new FormGroup({
          'pass': new FormControl(null, [Validators.required, Validators.minLength(6)]),
          'conf_pass': new FormControl(null, [Validators.required, Validators.minLength(6)],
    this.confirm_pass.bind(this))
       }, this.passEqual()),

    })
    • 0

相关问题