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 that you have read and understand our privacy policy and code of conduct.

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