password
React2026!
길이, 대문자, 소문자, 숫자, 특수 문자 규칙을 먼저 통과해야 합니다.
비밀번호 확인은 다른 필드의 state를 함께 읽는다
확인 입력값만 검사하면 충분하지 않습니다. 원본 비밀번호와 확인값을 같은 시점에 비교해야 “일치하지 않습니다” 메시지가 정확해집니다.
필드 상태
confirmPassword
React2026
비밀번호가 일치하지 않습니다.
검사 순서
1. 원본 규칙 확인
비밀번호 자체가 약하면 확인 필드보다 비밀번호 오류를 먼저 표시합니다.
2. 두 값 비교
password !== confirmPassword이면 확인 필드 아래에
오류를 둡니다.
3. 제출 시 재검사
입력 중 검사와 별개로 제출 버튼을 눌렀을 때 모든 필드를 다시 확인합니다.