确认密码
<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: '两次输入的密码不一致!'}); } }
原文链接:https://www.cnblogs.com/codeobj/p/13516712.html