Notice
Recent Posts
Recent Comments
Link
투케이2K
353. (javaScript) [validate.js] - 자바스크립트 문법 유효성 검사 라이브러리 사용해 isEmpty 문자열 널 (null) 체크 수행 본문
JavaScript
353. (javaScript) [validate.js] - 자바스크립트 문법 유효성 검사 라이브러리 사용해 isEmpty 문자열 널 (null) 체크 수행
투케이2K 2024. 3. 7. 07:15[개발 환경 설정]
개발 툴 : 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.isEmpty(null);
var check_2 = validate.isEmpty("twok");
var check_3 = validate.isEmpty("");
var check_4 = validate.isEmpty(" ");
var check_5 = validate.isEmpty(undefined);
// [로그 출력 수행]
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("==============================================================================")
console.log("")
};
</script>
[결과 출력]
반응형
'JavaScript' 카테고리의 다른 글
Comments