여러 방법이 있지만 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.문자 입력시