[FE #3] 회원가입 유효성 검사 2️⃣

[Hu2y]

휴대전화

• 10자리 또는 11자리의 숫자만 입력되어야한다.
  앞 3자리의 숫자는 010만 가능하다.
• 조건에 부합하지 않을 때 메세지가 출력

관심사

• 관심사는 3개 이상 입력
• 태그
  • 관심사를 입력하고 쉼표(,)를 입력하면 태그형태의 ui가 생성된다.
  • 만들어진 태그형태의 ui 뒤로 계속 이어서 관심사를 입력 가능하다.
  • 태그형태의 ui는 x버튼을 가진다.
  • x버튼을 누르면 입력됐던 태그가 삭제된다.
  • 마지막 태그형태의 ui 뒤에 커서를 놓고 backspace(또는 delete)키를
    입력하면 커서 앞 태그 형태의 ui가 일반 텍스트 형태로 바뀌면서
    수정가능한 상태가 된다.
  • 아무 글자 없이 입력된 쉼표는 무시된다.
  • 예) ,을 입력했을 때 => 입력한 ,가 사라진다.
  • 예) ,,,을 입력했을 때 => 입력한 ,,,가 모두 사라진다.
• 완성된 태그형태의 ui가 3개 미만일 때 메세지가 출력

약관 동의

• “약관에 동의합니다" 부분을 클릭하면 새로운 약관창이 뜬다.
  • 체크박스는 사용자가 직접 체크할 수 없다.
• 약관창은 x버튼을 가진다.
  • x버튼을 누르면 창이 사라진다.
• 동의 버튼은 기본적으로 비활성화되어있다.(클릭해도 아무 반응이 없다)
  • 비활성화된 버튼은 활성화된 상태와 다른 색으로 구분된다.
  • 약관의 스크롤이 한 번이라도 끝까지 내려갔을때만 동의 버튼이 활성화
• x버튼을 눌러 약관창을 닫으면 체크박스는 아무 변화가 없다
• 활성화된 동의 버튼을 누르면 약관창이 닫히고, 체크박스에 자동으로
  체크가 된다. 사용자가 직접 체크를 해제할 수 없다