회원 가입 화면 구현 2

저번편에 이어서 회원가입시 필요한 제약조건들을 추가해본다.

 

제약조건은 join.js파일에 기술하였다.

 

주소입력을 위해 다음 API를 활용하였다.

 

전체 검사를 확인하는 변수들 기본 false셋팅하고 만족하면 true를 주기로.

 

패스워드 보안강도 검사

 

count를 써서 몇가지 조건을 만족했는지에따라 다르게 나타나도록 하였다.

 

패스워드일치여부와 핸드폰 체크 검사

핸드폰은 기호를 제외하고 번호만 표시되도록 하였다.

 

이메일과 이름체크

이름과 이메일 체크는 널값 체크만 했는데 형식에 맞는지 여부는 추가해주면 된다.

 

 

 

join.jsp파일 헤드 부분에 비동기 방식으로 아이디 중복체크기능을 추가하였다.

 

 

최종적으로 만족했는지 확인하고 제출

 

 

 

 

 

조건에 만족하지 않으면 화면에는 이렇게 표시된다. 

아쉬운점은 아이디 중복체크부분에 조건을 만족하지 못했을때는 빨간색,

조건에 만족하면 파란색으로 표시하고 싶었는데 모두 파란글씨로만 나와서 아쉽다.

 

아이디 중복체크기능은 다른 게시글에서 자세히 다뤄보도록하겠다.