관리 메뉴

거니의 velog

(8) 회원가입 페이지 > 화면 설명 본문

대덕인재개발원/대덕인재개발원_최종 포트폴리오

(8) 회원가입 페이지 > 화면 설명

Unlimited00 2024. 2. 15. 14:30

역시 처음에는 배경영상이 출력되지 않은 상태에서 시작한다.


입력창에 마우스를 올리면 배경영상이 출력된다.


키업 이벤트 + Ajax 조합으로 실시간 아이디 중복 조회가 가능하다.
DB에 저장된 ID 값이 없다면 사용가능 뱃지로 바뀐다.


키업 이벤트 + input value compare 기능으로 영대소문자, 숫자, 특수문자, 문자개수를 실시간으로 감지한다.
두 비밀번호가 일치할 경우 비밀번호 일치 뱃지로 바뀐다.


이메일 역시 키업 이벤트 + Ajax 조합으로 실시간 이메일 조회가 가능하다.
DB에 해당 이메일 값이 없는 경우 이메일 사용가능 뱃지로 바뀐다.


우편번호 찾기 뱃지 클릭 시 팝업창으로 다음 주소 검색 가능