0

Незнаю как сравнить поля с паролями для функции валидатора, ниже функция которая валидирует поля с паролями, но этот валидатор могу только на одно поле повешать а как сделать одинаковую функцию для двоих

 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);
          }
    })
  }

1 ответ 1

0

Нужно добавить свой кастомный валидатор:

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

И добавить в builder его вызов:

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()),

    })
4
  • почему то выдает ошибку Cannot find control with name: 'pass' хотя такое поле было 14 дек 2018 в 15:59
  • formGroupName="password" добавьте родительского для блока паролей 14 дек 2018 в 16:07
  • <div formGroupName="password"> .... <input formControlName="pass"/> <input formControlName="conf_pass"/> .... </div> 14 дек 2018 в 16:08
  • благодарю, затупил=) 14 дек 2018 в 16:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.