36. (jquery/제이쿼리) input text 텍스트 실시간 글자 입력 수 확인 실시

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : jquery

 

---

[소스 코드]

​

        /* [필요 CDN 설정] */
        <script src="https://code.jquery.com/jquery-latest.min.js"></script> 





        /* [html 최초 로드 및 이벤트 상시 대기 실시] */
        window.onload = function() {
            console.log("");
            console.log("[window onload] : [start]");
            console.log(""); 

            /*
            1. 필요 INPUT : <input id="past_box" type="text" name="input_box" value="" class="inputTextTagSmallClass" placeholder="테스트">
            2. 설명 : input text 형식 실시간 입력 글자수 상태를 확인합니다
            */

            // [input text 실시간 글자 수 변경 상태 확인]
            $("#past_box").on("propertychange change keyup paste input", function(){
                
                // [input text 데이터 얻어온다]
                var data = $(this).val()

                // [실행할 내용]
                console.log("");
                console.log("[window onload] : [past_box] : [input text 실시간 글자 수 변경 상태 확인]");
                console.log("[DATA] : " + data);           
                console.log("");

                if (data != "undefined" && data != null && data != "") {
                    // [데이터가 널이 아닌 경우]
                }
                else {
                    // [데이터가 널인 경우]
                    alert("DATA IS NULL")
                }
            });
        };

 

---

[결과 출력]

​

 

---