[JavaScript] input(number) 입력 글자 수 제한

input type이 number일 때 입력 글자 수 제한하기

input type이 text일 때는 maxlength의 값만 주면 간단하게 해결 되지만

input type이 number 일 때는 maxlength가 정상 작동하지 않는다.

이럴 때는 input 속성의 oninput과 간단한 스크립트를 활용해서 해결 할 수 있다.

※ 예제) 생년월일을 입력하는 필드에 6자리로 입력 글자 수 제한하기

1. HTML

<input class="form-control" type="number" placeholder="생년월일 6자리 ex)910504" 
maxlength="6" oninput="numberMaxLength(this);"/>

2. Script

<script>
    function numberMaxLength(e){
        if(e.value.length > e.maxLength){
            e.value = e.value.slice(0, e.maxLength);
        }
    }
</script>