关于spring:angular密码和确认密码的校验

确认明码

<input nz-input formControlName="password" (ngModelChange)="passwordChange($event)" [(ngModel)]="resetPassWordVo.password" required type="password" autocomplete="off">
<input nz-input formControlName="confirmPassword" (ngModelChange)="passwordChange($event)" [(ngModel)]="resetPassWordVo.confirmPassword" required type="password" autocomplete="off">

passwordChange(value: string){const confirmPasswordErrors = this.userPassForm.get('confirmPassword').errors;
    const passwordErrors = this.userPassForm.get('password').errors;
    if (confirmPasswordErrors && (confirmPasswordErrors.hasOwnProperty('pattern') || confirmPasswordErrors.hasOwnProperty('password') )){return;}
    if (passwordErrors && (passwordErrors.hasOwnProperty('pattern') || passwordErrors.hasOwnProperty('password'))){return;}
    if (!this.resetPassWordVo.password || this.resetPassWordVo.password === ''){return;}
    if (!this.resetPassWordVo.confirmPassword || this.resetPassWordVo.confirmPassword === ''){return;}

    // 上边的校验通过后
    if (this.resetPassWordVo.password === value || this.resetPassWordVo.confirmPassword === value){this.userPassForm.get('password').setErrors(null);
      this.userPassForm.get('confirmPassword').setErrors(null);
    }else{this.userPassForm.get('password').setErrors({passwordDiff: '两次输出的明码不统一！'});
      this.userPassForm.get('confirmPassword').setErrors({passwordDiff: '两次输出的明码不统一！'});
    }

  }

集体博客 蜗牛