[jQuery/javascript] 입력과 동시에 값 유효성 검증

   input 태그에 값을 입력하고 전송 버튼을 눌렀을 때 체크하는 것이 아니라, 입력하는 중에 실시간으로 사용자가 값을 맞게 입력했는지 표시해주기 위한 소스다.

   원래는 몇 개만 적용하려고 각각에 맞는 스크립트를 코딩했으나, 이걸 프로젝트 전체 인풋값에 적용하는 것으로 지시가 떨어져서..ㄷㄷ;;; 공통 함수가 필요하게 됐다.

   그래서 짠 로직이 아래 소스...

HTML

CSS

.redText{display: block;color: red;margin-left:10px;}
.greenText{display: block;color: green;margin-left:10px;}

   Javascript는 파일로 첨부한다.

   여기에 올리려고 하니, 반복문에서 깨져서 소스가 어그러진다.

spanValidation.js

>코딩 후기 :

   자바스크립트 함수명이 string으로 넘어가는 바람에 이 부분에서 애를 좀 먹었다.

   자바스크립트는 개발자도구로도 에러 찾기가 많이 힘든데..ㅠㅠ 이럴 땐 typeof를 이용하면 도움이 많이 된다.

   자바스크립트는 데이터 타입을 따로 정의하는 방식이 아니라서(그냥 죄다 var) 대게의 오류들이 타입이 달라서 생기는 경우가 많은 듯하다.