개발자의 끄적끄적

[javascript/jquery] input type number 에서 숫자만 입력받게 하는 방법 본문

개발/javascript & jquery

[javascript/jquery] input type number 에서 숫자만 입력받게 하는 방법

효벨 2024. 9. 24. 01:00
728x90
반응형

[javascript/jquery] input type number 에서 숫자만 입력받게 하는 방법

 

 

html 에서 

 

아래와 같이 숫자만 입력 받기 위해서 number 타입으로 선언해서 사용하고는 합니다!

<input type="number" />

 

하지만!

 

위와 같이 타입을 지정하면 숫자만 입력되는거 같아 보이지만,

 

e, +, - 도 입력이 가능합니다!

 

그럴때는

 

onkeypress 나 onkeydown 속성을 추가해서

 

아래 함수를 이용해 정규식으로 숫자만 남게 처리하시면 됩니다!

 

function num_only() {
  var reg = /[^0-9]/g; 
  string = string.replace(reg, "");
  return string;
}

 

참고들 하세요!

반응형
Comments