간단한 integer validation

Woohyun·2022년 10월 24일
0

NodeJS

목록 보기
3/5
post-thumbnail

간단한 validation function

여러 방법이 있지만 isNAN를 통해 구현해보았다.
잘못된 입력을 할 경우 submit 버튼을 비활성화 시킨다.

const checkInteger = ()=> {

    const targetSubmit = document.querySelector("#target_submit");
    const price = targetPrice.value;
    const err = document.querySelector("#target_title_error");
   
    if(isNaN(price) == false) {
        if(price < 0) {
            targetSubmit.disabled = true;
            err.innerText = "단가는 1원 이상으로 입력해주세요.";
        } else{
            targetSubmit.disabled = false;
            err.innerText = "";
        }
    } else {
        targetSubmit.disabled = true;
        err.innerText = "숫자만 입력해주세요.";
    }
   
}

테스트 결과

1.음수 입력시

2.문자 입력시

profile
개발자 지망생

0개의 댓글