관리 메뉴

웹개발 블로그

[JS] 숫자만 입력하게 감지하기(=양수만 입력되게) 본문

◆JavaScript/활용

[JS] 숫자만 입력하게 감지하기(=양수만 입력되게)

쿠키린 2023. 9. 14. 10:02
<input type="number" name="price" id="price" pattern="[0-9]*" value="${data.price}" title="숫자만 입력하세요" autocomplete="off" >
<div id="error-message" style="color: red; font-weight: 800;"></div>
<script>
   $('#price').on('input', function() {
      var inputValue = $(this).val();

      // 숫자 또는 빈 문자열인지 확인
      if (!/^[0-9]*$/.test(inputValue)) {
         $('#error-message').text('양수만 입력하세요.');
         // 입력이 무효하므로 값을 비웁니다.
         $(this).val('');
         return;
      }
      // 오류 메시지 지우기
      $('#error-message').text('');
   });
</script>