본문 바로가기
JavaScript/ES6

[자바스크립트] 시간 유효성 검증 시분초

by 놀러와요 2020. 11. 25.
반응형

자바스크립트로 시분초 데이터 검증하는 소스를 만들어볼텐데요

 

시분초 검증하는 소스는 아래와 같습니다.

// 시분초 검증 (24시 00:00:00 양식 기준)
$.validTime = function(time) {
    var times = time.replaceAll(":", "");
    var chkHh = times.substr(0, 2); // 시
    var chkMm = times.substr(2, 2); // 분
    var chkSs = times.substr(4, 2); // 초
    
    // length 체크 
    if (times.length != 6) {
    	return false;
    }
    
    // 시 체크
    if (chkHh > 24) {
    	return false;
    }
    
    // 분 체크
    if (chkMm > 59) {
    	return false;
    }
    
    // 초 체크
    if (chkSs > 59) {
    	return false;
    }
    
    // 24:00:00이 최대인데 이를 초과할 경우
    if ((chkHh == 24 && chkMm >= 1) || (chkHh == 24 && chkSs >= 1)) {
    	return false;
    }
}

 

24시 기준으로 24:00:00까지만 허용합니다.

저같은 경우 검증 하는건 공통 js에 작업 해놨습니다.

 

사용 예)

// 조회 전 검증
function search() {
    // 입력 값이 빈값이 아니고 검증 function에서 검증 후 false값을 리턴 했을 경우 
    if ($.validTime($("#시간inputboxId").val()) == false && $("#시간inputboxId").val() != "")) {
    	alert("잘못된 시간을 입력하였습니다.");
        $("#시간inputboxId").val("");
        $("#시간inputboxId").focus();
        return false;
    }
    
    // todo 
}

 

이런식으로 활용하시면 됩니다^^

 

퍼가실 땐 출처만 남겨주세요!

 

감사합니닷!

반응형

'JavaScript > ES6' 카테고리의 다른 글

[Javascript] ES6 템플릿 문자열  (0) 2024.04.09
document.forms 객체  (0) 2023.07.25
JavaScript 인코딩, 디코딩 함수  (0) 2019.09.20
Javascript Iterator 란 무엇인가?  (0) 2019.09.06