Angular 6에서 암호 유효성 확인
소재부품만을 사용하여 비밀번호 확인 및 비밀번호 확인을 수행하고, 비밀번호 확인 필드 아래에 오류 메시지가 있는 경우,confirm password field doesn't match그리고.if it is empty.달성할 수 없는 많은 자원을 시도했습니다.
이 영상도 해봤어요.
이것은 제가 찾는 자재 부품입니다.
HTML
<mat-form-field >
<input matInput placeholder="New password" [type]="hide ? 'password'
: 'text'" [formControl]="passFormControl" required>
<mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility' :
'visibility_off'}}</mat-icon>
<mat-error *ngIf="passFormControl.hasError('required')">
Please enter your newpassword
</mat-error>
</mat-form-field>
<mat-form-field >
<input matInput placeholder="Confirm password" [type]="hide ?
'password' : 'text'" [formControl]="confirmFormControl"
required>
<mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility' :
'visibility_off'}}</mat-icon>
<mat-error *ngIf="confirmFormControl.hasError('required')">
Confirm your password
</mat-error>
</mat-form-field>
TS
import {Component, OnInit } from '@angular/core';
import {FormControl, FormGroupDirective, NgForm, Validators} from
'@angular/forms';
import {ErrorStateMatcher} from '@angular/material/core';
@Component({
selector: 'asd-set-pass',
templateUrl: './set-pass.component.html',
styleUrls: ['./set-pass.component.css']
})
passFormControl = new FormControl('', [
Validators.required,
]);
confirmFormControl = new FormControl('', [
Validators.required,
]);
hide =true;
}
다음 조건을 확인하고 있습니다 fine 1) 비밀번호 및 확인 비밀번호 필드가 비어 있으면 오류 텍스트가 표시됩니다.
빈 필드에 대한 유효성 검사 방법과 암호 확인 필드가 비어 있는 경우 오류가 발생하는 것과 같은 (.ts) 파일의 필드와 비교하고 싶습니다.
이 질문은 https://stackoverflow.com/a/43493648/6294072 과 https://stackoverflow.com/a/47670892/6294072 의 두 가지 답변의 조합으로 해결할 수 있습니다.
따라서 우선 암호를 확인하기 위해 다음과 같은 사용자 정의 검증자가 필요합니다.
checkPasswords: ValidatorFn = (group: AbstractControl): ValidationErrors | null => {
let pass = group.get('password').value;
let confirmPass = group.get('confirmPassword').value
return pass === confirmPass ? null : { notSame: true }
}
두 개의 폼 컨트롤 대신 필드에 대한 폼 그룹을 만든 다음 폼 그룹에 대한 사용자 정의 검증자를 표시합니다.
this.myForm = this.fb.group({
password: ['', [Validators.required]],
confirmPassword: ['']
}, { validators: this.checkPasswords })
그리고 다른 대답에서 언급되었듯이,mat-errorFormControl이 잘못된 경우에만 표시되므로 오류 상태 일치자가 필요합니다.
export class MyErrorStateMatcher implements ErrorStateMatcher {
isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
const invalidCtrl = !!(control?.invalid && control?.parent?.dirty);
const invalidParent = !!(control?.parent?.invalid && control?.parent?.dirty);
return invalidCtrl || invalidParent;
}
}
위에서 에러 메시지를 표시할 때 조정할 수 있습니다.메시지를 표시할 때만 메시지를 표시합니다.password필드가 터치되었습니다.또한 위에서 제거하고 싶습니다.required의 유효성 검사기confirmPassword필드, 비밀번호가 일치하지 않으면 양식이 유효하지 않기 때문입니다.
그런 다음 구성요소에서 새 데이터를 생성합니다.ErrorStateMatcher:
matcher = new MyErrorStateMatcher();
마지막으로 템플릿은 다음과 같습니다.
<form [formGroup]="myForm">
<mat-form-field>
<input matInput placeholder="New password" formControlName="password" required>
<mat-error *ngIf="myForm.hasError('required', 'password')">
Please enter your new password
</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput placeholder="Confirm password" formControlName="confirmPassword" [errorStateMatcher]="matcher">
<mat-error *ngIf="myForm.hasError('notSame')">
Passwords do not match
</mat-error>
</mat-form-field>
</form>
다음은 위 코드를 사용한 데모입니다.스택블리츠
비밀번호 확인 필드의 패턴으로 비밀번호 필드 값을 간단히 사용할 수 있습니다.
예:
<div class="form-group">
<input type="password" [(ngModel)]="userdata.password" name="password" placeholder="Password" class="form-control"
required #password="ngModel" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" />
<div *ngIf="password.invalid && (myform.submitted || password.touched)" class="alert alert-danger">
<div *ngIf="password.errors.required"> Password is required. </div>
<div *ngIf="password.errors.pattern"> Must contain at least one number and one uppercase and lowercase letter,
and at least 8 or more characters.</div>
</div>
</div>
<div class="form-group">
<input type="password" [(ngModel)]="userdata.confirmpassword" name="confirmpassword" placeholder="Confirm Password"
class="form-control" required #confirmpassword="ngModel" pattern="{{ password.value }}" />
<div *ngIf=" confirmpassword.invalid && (myform.submitted || confirmpassword.touched)" class="alert alert-danger">
<div *ngIf="confirmpassword.errors.required"> Confirm password is required. </div>
<div *ngIf="confirmpassword.errors.pattern"> Password & Confirm Password does not match.</div>
</div>
</div>
먼저 검증자를 만듭니다.
export default class CustomValidators {
static match(controlName: string, matchControlName: string): ValidatorFn {
return (controls: AbstractControl) => {
const control = controls.get(controlName);
const matchControl = controls.get(matchControlName);
if (!matchControl?.errors && control?.value !== matchControl?.value) {
matchControl?.setErrors({
matching: {
actualValue: matchControl?.value,
requiredValue: control?.value
}
});
return { matching: true };
}
return null;
};
}
}
그러면 우리는 다음과 같은 형태로 사용합니다.
this.form = this.formBuilder.group(
{
password: [undefined, [Validators.required]],
passwordConfirm: [undefined, [Validators.required]]
}،
{
validators: [CustomValidators.match('password', 'passwordConfirm')]
}
);
구식입니다. 위의 코드를 사용해주시기 바랍니다.
가장 간단한 방법은 다음과 같습니다.
(예를 들어 이메일과 함께 사용할 수도 있습니다.)
public static matchValues(
matchTo: string // name of the control to match to
): (AbstractControl) => ValidationErrors | null {
return (control: AbstractControl): ValidationErrors | null => {
return !!control.parent &&
!!control.parent.value &&
control.value === control.parent.controls[matchTo].value
? null
: { isMatching: false };
};
}
구성요소에서:
this.SignUpForm = this.formBuilder.group({
password: [undefined, [Validators.required]],
passwordConfirm: [undefined,
[
Validators.required,
matchValues('password'),
],
],
});
확인할 메일:
다른 분들이 댓글로 지적해주신 것처럼 오류를 고치면.password필드에서 오류가 사라지지 않습니다. 왜냐하면 유효성 검사가 다음을 트리거하기 때문입니다.passwordConfirm입력. 여러가지 방법으로 수정할 수 있습니다.내 생각에 가장 좋은 것 같습니다.
this.SignUpForm .controls.password.valueChanges.subscribe(() => {
this.SignUpForm .controls.confirmPassword.updateValueAndValidity();
});
.password change, reliadedconfirmPassword.
반응형 양식에 대한 단일 방법
타이프스크립트
// All is this method
onPasswordChange() {
if (this.confirm_password.value == this.password.value) {
this.confirm_password.setErrors(null);
} else {
this.confirm_password.setErrors({ mismatch: true });
}
}
// getting the form control elements
get password(): AbstractControl {
return this.form.controls['password'];
}
get confirm_password(): AbstractControl {
return this.form.controls['confirm_password'];
}
HTML
// PASSWORD FIELD
<input type="password" formControlName="password" (change)="onPasswordChange()"/>
// CONFIRM PASSWORD FIELD
<input type="password" formControlName="confirm_password" (change)="onPasswordChange()" />
// SHOW ERROR IF MISMATCH
<span *ngIf="confirm_password.hasError('mismatch')">Password do not match.</span>
비밀번호 및 비밀번호 확인 필드만 있는 경우.이와 같이 암호 확인 필드는 사용자가 이 필드에 무언가를 쓸 때만 오류를 강조 표시합니다.
validator.ts
import { FormGroup, FormControl, Validators, FormBuilder, FormGroupDirective, NgForm } from '@angular/forms';
import { ErrorStateMatcher } from '@angular/material/core';
export const EmailValidation = [Validators.required, Validators.email];
export const PasswordValidation = [
Validators.required,
Validators.minLength(6),
Validators.maxLength(24),
];
export class RepeatPasswordEStateMatcher implements ErrorStateMatcher {
isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
return (control && control.parent.get('password').value !== control.parent.get('passwordAgain').value && control.dirty)
}
}
export function RepeatPasswordValidator(group: FormGroup) {
const password = group.controls.password.value;
const passwordConfirmation = group.controls.passwordAgain.value;
return password === passwordConfirmation ? null : { passwordsNotEqual: true }
}
register.component.ts
import { FormGroup, FormControl, Validators, FormBuilder} from '@angular/forms';
import { EmailValidation, PasswordValidation, RepeatPasswordEStateMatcher, RepeatPasswordValidator } from 'validators';
...
form: any;
passwordsMatcher = new RepeatPasswordEStateMatcher;
constructor(private formBuilder: FormBuilder) {
this.form = this.formBuilder.group ( {
email: new FormControl('', EmailValidation),
password: new FormControl('', PasswordValidation),
passwordAgain: new FormControl(''),
acceptTerms: new FormControl('', [Validators.requiredTrue])
}, { validator: RepeatPasswordValidator });
}
...
register.component.
<form [formGroup]="form" (ngSubmit)="submitAccount(form)">
<div class="form-content">
<div class="form-field">
<mat-form-field>
<input matInput formControlName="email" placeholder="Email">
<mat-error *ngIf="form.get('email').hasError('required')">
E-mail is mandatory.
</mat-error>
<mat-error *ngIf="form.get('email').hasError('email')">
Incorrect E-mail.
</mat-error>
</mat-form-field>
</div>
<div class="form-field">
<mat-form-field>
<input matInput formControlName="password" placeholder="Password" type="password">
<mat-hint class="ac-form-field-description">Between 6 and 24 characters.</mat-hint>
<mat-error *ngIf="form.get('password').hasError('required')">
Password is mandatory.
</mat-error>
<mat-error *ngIf="form.get('password').hasError('minlength')">
Password with less than 6 characters.
</mat-error>
<mat-error *ngIf="form.get('password').hasError('maxlength')">
Password with more than 24 characters.
</mat-error>
</mat-form-field>
</div>
<div class="form-field">
<mat-form-field>
<input matInput formControlName="passwordAgain" placeholder="Confirm the password" type="password" [errorStateMatcher]="passwordsMatcher">
<mat-error *ngIf="form.hasError('passwordsNotEqual')" >Passwords are different. They should be equal!</mat-error>
</mat-form-field>
</div>
<div class="form-field">
<mat-checkbox name="acceptTerms" formControlName="acceptTerms">I accept terms and conditions</mat-checkbox>
</div>
</div>
<div class="form-bottom">
<button mat-raised-button [disabled]="!form.valid">Create Account</button>
</div>
</form>
도움이 되었으면 좋겠습니다!
AJT_82의 답변에서 버그를 발견했습니다.저는 AJT_82의 답변으로 코멘트를 달기에는 평판이 좋지 않기 때문에 이 답변에 버그와 해결책을 게시해야 합니다.
여기 버그가 있습니다.
해결책:다음 코드로:
export class MyErrorStateMatcher implements ErrorStateMatcher {
isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean {
const invalidCtrl = !!(control && control.invalid && control.parent.dirty);
const invalidParent = !!(control && control.parent && control.parent.invalid && control.parent.dirty);
return (invalidCtrl || invalidParent);
}
}
control.parent.invalid.control.parent.hasError('notSame')이 문제를 해결해 줄 것입니다.
작은 변화가 있은 후 문제가 해결되었습니다.
편집: 사용자가 입력을 시작한 후에만 암호 확인 필드의 유효성을 검사하려면 대신 암호를 반환할 수 있습니다.
return ((invalidCtrl || invalidParent) && control.valid);
저는 angular 6를 사용하고 있고 비밀번호를 일치시키고 비밀번호를 확인하는 최선의 방법을 찾고 있습니다.양식의 두 입력을 일치시키는 데도 사용할 수 있습니다.앵귤러 디렉티브를 사용했습니다.나는 그것들을 사용하고 싶었습니다.
nggd compare - validators --spec false 및 i가 모듈에 추가됩니다.아래는 지시사항입니다.
import { Directive, Input } from '@angular/core';
import { Validator, NG_VALIDATORS, AbstractControl, ValidationErrors } from '@angular/forms';
import { Subscription } from 'rxjs';
@Directive({
// tslint:disable-next-line:directive-selector
selector: '[compare]',
providers: [{ provide: NG_VALIDATORS, useExisting: CompareValidatorDirective, multi: true}]
})
export class CompareValidatorDirective implements Validator {
// tslint:disable-next-line:no-input-rename
@Input('compare') controlNameToCompare;
validate(c: AbstractControl): ValidationErrors | null {
if (c.value.length < 6 || c.value === null) {
return null;
}
const controlToCompare = c.root.get(this.controlNameToCompare);
if (controlToCompare) {
const subscription: Subscription = controlToCompare.valueChanges.subscribe(() => {
c.updateValueAndValidity();
subscription.unsubscribe();
});
}
return controlToCompare && controlToCompare.value !== c.value ? {'compare': true } : null;
}
}
이제 구성 요소에
<div class="col-md-6">
<div class="form-group">
<label class="bmd-label-floating">Password</label>
<input type="password" class="form-control" formControlName="usrpass" [ngClass]="{ 'is-invalid': submitAttempt && f.usrpass.errors }">
<div *ngIf="submitAttempt && signupForm.controls['usrpass'].errors" class="invalid-feedback">
<div *ngIf="signupForm.controls['usrpass'].errors.required">Your password is required</div>
<div *ngIf="signupForm.controls['usrpass'].errors.minlength">Password must be at least 6 characters</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="bmd-label-floating">Confirm Password</label>
<input type="password" class="form-control" formControlName="confirmpass" compare = "usrpass"
[ngClass]="{ 'is-invalid': submitAttempt && f.confirmpass.errors }">
<div *ngIf="submitAttempt && signupForm.controls['confirmpass'].errors" class="invalid-feedback">
<div *ngIf="signupForm.controls['confirmpass'].errors.required">Your confirm password is required</div>
<div *ngIf="signupForm.controls['confirmpass'].errors.minlength">Password must be at least 6 characters</div>
<div *ngIf="signupForm.controls['confirmpass'].errors['compare']">Confirm password and Password dont match</div>
</div>
</div>
</div>
이게 도움이 됐으면 좋겠습니다.
*이 용액은 반응성-형태를 위한 것입니다.
확인 암호가 교차 필드 유효성 검사로 알려져 있다는 것을 들어봤을 수도 있습니다.우리가 주로 쓰는 필드 레벨 검증기는 하나의 필드에만 적용할 수 있습니다.교차 파일 검증을 위해서는 상위 레벨 검증자를 작성해야 할 수도 있습니다.구체적으로 비밀번호를 확인하는 경우에는 다음과 같이 하겠습니다.
this.form.valueChanges.subscribe(field => {
if (field.password !== field.confirm) {
this.confirm.setErrors({ mismatch: true });
} else {
this.confirm.setErrors(null);
}
});
여기 템플릿이 있습니다.
<mat-form-field>
<input matInput type="password" placeholder="Password" formControlName="password">
<mat-error *ngIf="password.hasError('required')">Required</mat-error>
</mat-form-field>
<mat-form-field>
<input matInput type="password" placeholder="Confirm New Password" formControlName="confirm">`enter code here`
<mat-error *ngIf="confirm.hasError('mismatch')">Password does not match the confirm password</mat-error>
</mat-form-field>
암호 확인을 위해 중첩 폼 그룹과 사용자 정의 ErrorStateMatcher를 사용할 필요는 없습니다.이러한 단계는 암호 필드 간의 조정을 용이하게 하기 위해 추가되었지만, 모든 오버헤드 없이 수행할 수 있습니다.
다음은 예입니다.
this.registrationForm = this.fb.group({
username: ['', Validators.required],
email: ['', [Validators.required, Validators.email]],
password1: ['', [Validators.required, (control) => this.validatePasswords(control, 'password1') ] ],
password2: ['', [Validators.required, (control) => this.validatePasswords(control, 'password2') ] ]
});
validatePasswords 메서드(소스가 password1인지 password2인지)에 추가 컨텍스트를 전달합니다.
validatePasswords(control: AbstractControl, name: string) {
if (this.registrationForm === undefined || this.password1.value === '' || this.password2.value === '') {
return null;
} else if (this.password1.value === this.password2.value) {
if (name === 'password1' && this.password2.hasError('passwordMismatch')) {
this.password1.setErrors(null);
this.password2.updateValueAndValidity();
} else if (name === 'password2' && this.password1.hasError('passwordMismatch')) {
this.password2.setErrors(null);
this.password1.updateValueAndValidity();
}
return null;
} else {
return {'passwordMismatch': { value: 'The provided passwords do not match'}};
}
여기서는 암호가 일치하면 다른 암호 필드와 조정하여 유효성 검사를 업데이트합니다.이렇게 하면 오래된 암호 불일치 오류가 모두 삭제됩니다.
여기 , .this.password1그리고.this.password2.
get password1(): AbstractControl {
return this.registrationForm.get('password1');
}
get password2(): AbstractControl {
return this.registrationForm.get('password2');
}
그냥 표준 사용자 정의 검증기를 수행하고 양식 자체가 정의되어 있는지 먼저 확인하면 됩니다. 그렇지 않으면 처음에는 양식을 구성하기 전에 검증기를 실행하려고 하기 때문에 양식이 정의되지 않았다는 오류가 발생합니다.
// form builder
private buildForm(): void {
this.changePasswordForm = this.fb.group({
currentPass: ['', Validators.required],
newPass: ['', Validators.required],
confirmPass: ['', [Validators.required, this.passwordMatcher.bind(this)]],
});
}
// confirm new password validator
private passwordMatcher(control: FormControl): { [s: string]: boolean } {
if (
this.changePasswordForm &&
(control.value !== this.changePasswordForm.controls.newPass.value)
) {
return { passwordNotMatch: true };
}
return null;
}
새 암호 필드가 암호 확인 필드와 동일한 값을 갖는지만 확인합니다.전체 양식이 아닌 확인 암호 필드에 특정한 검증자입니다.
당신은 단지 그것을 확인하기만 하면 됩니다.this.changePasswordForm정의됩니다. 그렇지 않으면 양식이 작성될 때 정의되지 않은 오류가 발생하기 때문입니다.
지시문이나 오류 상태 일치자를 만들지 않고도 잘 작동합니다.
이 요구 사항을 충족하려면 이 방법을 사용할 수 있습니다.저는 아래 방법을 사용하여 비밀번호를 확인하고 비밀번호를 확인합니다.
이 방법을 사용하려면 가져오기를 수행해야 합니다. FormGroup@angular/forms도서관.
import { FormBuilder, Validators, FormGroup } from '@angular/forms';
양식 작성자 그룹:
this.myForm= this.formBuilder.group({
password : ['', Validators.compose([Validators.required])],
confirmPassword : ['', Validators.compose([Validators.required])],
},
{validator: this.checkPassword('password', 'confirmPassword') }
);
두 필드의 유효성을 검사하는 방법:
checkPassword(controlName: string, matchingControlName: string) {
return (formGroup: FormGroup) => {
const control = formGroup.controls[controlName];
const matchingControl = formGroup.controls[matchingControlName];
if (matchingControl.errors && !matchingControl.errors.mustMatch) {
// return if another validator has already found an error on the matchingControl
return;
}
// set error on matchingControl if validation fails
if (control.value !== matchingControl.value) {
matchingControl.setErrors({ mustMatch: true });
this.isPasswordSame = (matchingControl.status == 'VALID') ? true : false;
} else {
matchingControl.setErrors(null);
this.isPasswordSame = (matchingControl.status == 'VALID') ? true : false;
}
}
}
HTML: 여기서 사용 개인화된 isPasswordIntilated hasError 등의 변수를 사용할 수 있습니다.
<form [formGroup]="myForm">
<ion-item>
<ion-label position="floating">Password</ion-label>
<ion-input required type="text" formControlName="password" placeholder="Enter Password"></ion-input>
</ion-item>
<ion-label *ngIf="myForm.controls.password.valid">
<p class="error">Please enter password!!</p>
</ion-label>
<ion-item>
<ion-label position="floating">Confirm Password</ion-label>
<ion-input required type="text" formControlName="confirmPassword" placeholder="Enter Confirm Password"></ion-input>
</ion-item>
<ion-label *ngIf="isPasswordSame">
<p class="error">Password and Confrim Password must be same!!</p>
</ion-label>
</form>
답변은 매우 간단합니다>각 6으로 구동되는 템플릿을 사용하여 비밀번호를 생성하고 비밀번호 유효성을 확인했습니다.
내 html 파일
<div class="form-group">
<label class="label-sm">Confirm Password</label>
<input class="form-control" placeholder="Enter Password" type="password" #confirm_password="ngModel" [(ngModel)]="userModel.confirm_password" name="confirm_password" required (keyup)="checkPassword($event)" />
<div *ngIf="confirm_password.errors && (confirm_password.dirty||confirm_password.touched||signup.submitted)">
<div class="error" *ngIf="confirm_password.errors.required">Please confirm your password</div>
</div>
<div *ngIf="i" class='error'>Password does not match</div>
</div>
스크립트 파일을 입력합니다.
public i: boolean;
checkPassword(event) {
const password = this.userModel.password;
const confirm_new_password = event.target.value;
if (password !== undefined) {
if (confirm_new_password !== password) {
this.i = true;
} else {
this.i = false;
}
}
}
제출 버튼을 클릭할 때 i의 값이 참인지 거짓인지 확인합니다.
사실이라면
if (this.i) {
return false;
}
else{
**form submitted code comes here**
}
이렇게 했어요.이것이 당신에게 도움이 되기를 바랍니다.
HTML:
<form [formGroup]='addAdminForm'>
<div class="form-group row">
<label class="col-sm-3 col-form-label">Password</label>
<div class="col-sm-7">
<input type="password" class="form-control" formControlName='password' (keyup)="checkPassSame()">
<div *ngIf="addAdminForm.controls?.password?.invalid && addAdminForm.controls?.password.touched">
<p *ngIf="addAdminForm.controls?.password?.errors.required" class="errorMsg">*This field is required.</p>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-sm-3 col-form-label">Confirm Password</label>
<div class="col-sm-7">
<input type="password" class="form-control" formControlName='confPass' (keyup)="checkPassSame()">
<div *ngIf="addAdminForm.controls?.confPass?.invalid && addAdminForm.controls?.confPass.touched">
<p *ngIf="addAdminForm.controls?.confPass?.errors.required" class="errorMsg">*This field is required.</p>
</div>
<div *ngIf="passmsg != '' && !addAdminForm.controls?.confPass?.errors?.required">
<p class="errorMsg">*{{passmsg}}</p>
</div>
</div>
</div>
</form>
TS 파일:
export class AddAdminAccountsComponent implements OnInit {
addAdminForm: FormGroup;
password: FormControl;
confPass: FormControl;
passmsg: string;
constructor(
private http: HttpClient,
private router: Router,
) {
}
ngOnInit() {
this.createFormGroup();
}
// |---------------------------------------------------------------------------------------
// |------------------------ form initialization -------------------------
// |---------------------------------------------------------------------------------------
createFormGroup() {
this.addAdminForm = new FormGroup({
password: new FormControl('', [Validators.required]),
confPass: new FormControl('', [Validators.required]),
})
}
// |---------------------------------------------------------------------------------------
// |------------------------ Check method for password and conf password same or not -------------------------
// |---------------------------------------------------------------------------------------
checkPassSame() {
let pass = this.addAdminForm.value.password;
let passConf = this.addAdminForm.value.confPass;
if(pass == passConf && this.addAdminForm.valid === true) {
this.passmsg = "";
return false;
}else {
this.passmsg = "Password did not match.";
return true;
}
}
}
언급URL : https://stackoverflow.com/questions/51605737/confirm-password-validation-in-angular-6
'programing' 카테고리의 다른 글
| 스위프트넘버상속 (0) | 2023.10.02 |
|---|---|
| 포인터를 argv로 포인터 표시 (0) | 2023.10.02 |
| 한 열의 값이 서로 다른 가장 최근의 레코드 3개를 선택합니다. (0) | 2023.10.02 |
| jQuery 하이라이트 테이블 행 (0) | 2023.10.02 |
| 스프링 보안에서 CSS 또는 JS 리소스를 로드할 수 없음 (0) | 2023.10.02 |