JavaScript

357. (javaScript) [validate.js] - 자바스크립트 문법 유효성 검사 라이브러리 사용해 format 문자열 포맷 출력 실시

투케이2K 2024. 3. 7. 08:14

[개발 환경 설정]

개발 툴 : 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/
             * -------------------------------------------------
             * */


            // [format 사용해 문자열 포맷 출력 실시]
            var format_1 = validate.format("안녕하세요. %{name} 입니다", {name: "투케이"}); // %{} 내에 변수 삽입
            var format_2 = validate.format("나이는 %{age} 입니다", {age: 29}); // %{} 내에 변수 삽입

            // [로그 출력 수행]
            console.log("")
            console.log("==============================================================================")
            console.log("[Log] :: [Result]")
            console.log("----------------------------------------------")
            console.log("format_1 : ", format_1)
            console.log("format_2 : ", format_2)
            console.log("==============================================================================")
            console.log("")


        };


    </script>
 

[결과 출력]

 

 

반응형