Clean Code that Works.

유효성 체크 +1
클라이언트(웹 브라우저)에서 유효성 체크는 어떻게 하는게 좋을까?
그때그때 상황에 맞추어 사용하고는 있지만, 이런 저런 케이스에 따라서 한번 정리해 보고 싶었다.

1. 폼 전송 클릭 시 체크 한다.
-> 결과를 팝업으로 알려준다.(아마 가장 쉽게, alert으로 뿌려 줄 때)
-> 결과를 input field 옆이나 밑에 오류표시로 알려준다.(좀 더 있어 보이는, 하지만 고객들도 이런거 좋아하나??)

2. field 입력 후 다른 field로 넘어갈 때
-> 이 방식도 괜찮기는 한데, 입력 후 다음 필드로 넘어 갔을 때 이전 필드에 오류 났다고 표시하면 바로 다시 가서 수정하기가 좀 짜증나지 않나? 예전에 인포메이션 아키텍쳐(폼 디자인 책인가) 관련 해서 보면서도, 전체적인 흐름에 어긋나기도 하고.. 작성 흐름이 깨지기 때문에 비추 하는 모양.

3. field 필드 입력시 바로바로 검사
-> 이것 좀 괜찮은 방법있듯, 일단 입력시 이벤트로 바로바로 검사해서 사용자에게 알려주는.. 음 하지만 이렇게 하면 경고 메시지가 자주 나오기도 하고.. 옆에서 나왔다 사라졌다 하면 좀 짜증나겠다 귀찮고.

대충 이정도로 하면 되겠는데,
내가 하고 싶은 방식은 "폼 전송 클릭시" 이 부분이 되겠다.
보통 이렇게 하지 않을까 싶은데.

하여.. jQuery 플러그인을 사용해서 이 부분을 작성해 보자.
옵션으로 결과를 팝업으로 할지, 인풋 필드로 알려줄 지 선택 할 수 있도록 해서..
고고싱.