티스토리 뷰

공장 (factory)/- Programming..

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

공부하는 나부랭이, 무중력고기 2014.11.18 20:30

   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) 대게의 오류들이 타입이 달라서 생기는 경우가 많은 듯하다.



댓글
댓글쓰기 폼
Total
1,376,630
Today
194
Yesterday
628
«   2019/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
글 보관함