📌

[클릭] 회원가입 유효성 검사 오류 메시지 정리

 
 
📢
- 입력은 상단 ‘아이디’부터 순서대로 입력되어야 하며, 상단 input-box가 채워지지 않은 상태에서 하단 input-box에 입력하는 경우 상단 input-box에 ‘필수 정보입니다’라는 오류 메시지를 띄웁니다. (’이미지-1’ 참고) - 모든 input-box 작성 완료, 유효성 검사 통과, 체크박스 체크가 모두 완료되었을 경우에 가입하기 버튼이 활성화됩니다. (’이미지-2’ 참고)
 
이미지-1이미지-1
이미지-1
이미지-2이미지-2
이미지-2

1. 아이디

📌
[중복확인] 아이디 창의 포커스를 잃을 경우 유효성 검사가 진행되며 버튼을 눌렀을 경우 유효성검사와 중복확인이 진행됩니다.
 
  • 아이디를 입력하지 않고 ‘비밀번호, 비밀번호 재확인, 개인정보’를 입력했을 경우
notion imagenotion image
 
  • 아이디를 입력하고 중복확인 버튼을 눌렀을 경우
    • 가입된 id일 경우
    • notion imagenotion image
       
    • id에 지정된 문자 이외에 문자가 들어갈 경우
    • notion imagenotion image
       
    • 유효한 id의 경우
    • notion imagenotion image

2. 비밀번호

📌
비밀번호를 입력하고 입력창에서 포커스를 잃으면 바로 유효성 검사가 진행됩니다.
 
  • 지정된 형식, 문자 이외로 비밀번호를 작성한 경우
    • notion imagenotion image
 
  • 비밀번호가 유효한 경우
    • 📌
      우측 아이콘(V)의 색상 변경 : (연회색) F2F2F2 > (초록색) 21BF48
      notion imagenotion image

3. 비밀번호 재확인

  • 비밀번호가 일치하지 않을 경우
    • notion imagenotion image
       
  • 비밀번호 재확인 입력이 유효한 경우
    • notion imagenotion image
 
  • ‘비밀번호’를 입력하지 않고 ‘비밀번호 재확인’을 입력한 경우
    • notion imagenotion image

4. 개인정보(이름, 전화번호, 이메일)

  • 전화번호
    • 이미 가입된 전화번호인 경우
      • notion imagenotion image
         
  • 이메일
    • 이미 가입된 이메일인 경우
      • notion imagenotion image
         
    • 이메일 형식이 잘못된 경우
      • notion imagenotion image