html input 에서 type number 일 때, - 와 + 가 입력 되지 않게 하기

 


html input 에서 type number 일 때, 한글 입력은 잘 막아주지만 - 와 + 가 입력됩니다. (minus, plus )

이럴 경우 자바스크립트를 사용하여 위의  현상을 쉽게 막을 수 있습니다. 


// Select your input element.
var number = document.getElementById('number');

// Listen for input event on numInput.
number.onkeydown = function(e) {
    if(!((e.keyCode > 95 && e.keyCode < 106)
      || (e.keyCode > 47 && e.keyCode < 58) 
      || e.keyCode == 8)) {
        return false;
    }
}
<form action="" method="post">
  <input type="number" id="number" min="0" />
  <input type="submit" value="Click me!"/>
</form>


- 출처 
http://stackoverflow.com/questions/7372067/is-there-any-way-to-prevent-input-type-number-getting-negative-values