개발하는 고양이 오이

7. [PHP(HTML)] input type = "number" 에서 양수 값만 작성 본문

PHP

7. [PHP(HTML)] input type = "number" 에서 양수 값만 작성

Cucum 2022. 6. 10. 09:54

input type = "number" 일 때, 양수 값만 작성이 가능하도록 하는 기본적인 속성은 다음과 같습니다.

min = "0"

 

 

그러나 이 속성은 오른쪽 화살표에서 음수로 내려가는 것을 막아줄 뿐 직접 -기호와 +기호를 작성하는 것은 허용됩니다.

 

이를 방지하기 위해서는 다음과 같은 script 코드가 필요합니다.

<input type="number" name="count" id="count" min = "0" class="form-control" /> 
<script>        // +, - 기호 막기
    var number = document.getElementById('count');

    number.onkeydown = function(e) {
        if(!((e.keyCode > 95 && e.keyCode < 106)
        	|| (e.keyCode > 47 && e.keyCode < 58) 
        	|| e.keyCode == 8)) {
            return false;
        }
    }
</script>

 

감사합니다.

 

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