티스토리 뷰

   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
Today
Yesterday
«   2024/03   »
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
31
글 보관함