JavaScript

352. (javaScript) [validate.js] - 자바스크립트 문법 유효성 검사 라이브러리 사용해 isDefined null , undefined 체크 수행

투케이2K 2024. 3. 7. 07:10

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : JavaScript

 

[소스 코드]

    <!-- ===================================================================================================== -->
    <!-- [CDN 주소 설정] -->
    <!-- ===================================================================================================== -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/validate.js/0.13.1/validate.min.js"></script>
    <!-- ===================================================================================================== -->






    <!-- ===================================================================================================== -->
    <!-- [자바스크립트 코드 지정] -->
    <!-- ===================================================================================================== -->
    <script>


        // =======================================================================
        // [자바스크립트 라이프 사이클 및 상태 변경 감지 부분]
        // =======================================================================
        window.onload = function() {
            console.log("")
            console.log("==============================================================================")
            console.log("[window onload] : [start]");
            console.log("==============================================================================")
            console.log("")


            /**
             * -------------------------------------------------
             * [요약 설명]
             * -------------------------------------------------
             * window.onload : 브라우저 로드 완료 상태를 나타냅니다 
             * -------------------------------------------------
             * validate.js : 자바스크립트에서 문법 유효성을 검사할 때 사용되는 라이브러리입니다
             * -------------------------------------------------
             * 참고 사이트.  https://validatejs.org/
             * -------------------------------------------------
             * */


            // [유효성 검증]
            var check_1 = validate.isDefined(true);
            var check_2 = validate.isDefined(null);
            var check_3 = validate.isDefined(10);
            var check_4 = validate.isDefined("twok");
            var check_5 = validate.isDefined(undefined);
            var check_6 = validate.isDefined(20.5);
            var check_7 = validate.isDefined(new Date());


            // [로그 출력 수행]
            console.log("")
            console.log("==============================================================================")
            console.log("[Log] :: [Result]")
            console.log("----------------------------------------------")
            console.log("check_1 : ", check_1)
            console.log("check_2 : ", check_2)
            console.log("check_3 : ", check_3)
            console.log("check_4 : ", check_4)
            console.log("check_5 : ", check_5)
            console.log("check_6 : ", check_6)
            console.log("check_7 : ", check_7)
            console.log("==============================================================================")
            console.log("")


        };


    </script>
 

[결과 출력]


반응형