#11 : 회원가입 오류 메시지

회원가입할 때 정규식을 이용해 오류를 나누긴 했는데 대충 나눠놓았었다. 그래서 일단 각각 상황에 맞게 오류메시지를 수정했다. 그런데 다른 웹사이트들의 회원가입을 직접 해보면서 우리 웹사이트 회원가입의 문제점을 찾았다. 일단 오류메시지가 각각 항목 밑에 뜨는 것이 시각적으로 훨씬 나을 것 같다는 생각이 들었다. 그래서 각각 항목으로 나누고 그 밑에 뜨게 하고 placeholder 값도 수정했다. 아직 못 한 것 중에 아쉬운 것은 예를 들어 비밀번호에서 입력을 시작하면 빨간색으로 에러메시지와 뜨지만 조건을 충족하면 바로 초록색으로 통과된 걸 보여주고 싶다. 지금은 회원가입 버튼을 눌러야 확인할 수 있어 좀 불편한 점이 있는 것 같다. 참고한 웹사이트는 마켓컬리였다.ㅎㅎ 다른 웹사이트들 보면 좋은 점이 많아서 클론코딩도 해 보고 싶다는 생각이 들었다.

 

마켓컬리 회원가입 사진