[HTML] input type="text"에 숫자값만 받는 방법

oninput 이벤트로 input  type="text"에 숫자값만 받기.

 

---

 

input 값을 숫자만 받고 싶을 때 type="number"으로 타입설정을 쉽게 할 수 있지만,

type="number"에서는 minlength와 maxlength가 적용되지 않는 단점이 있다.

 

 

 

 

 

 

근데 oninput 이벤트로 type="text" 이면서 input값을 숫자만 받는 방법이 있어서 정리해둔다 !

<input type="text" maxlength="7" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');">