[JS] input[type=input] 일 때, 글자 수 제한

숫자 코드를 4자리만 입력해야 하는 일이 있다.

 

혹은 휴대폰 인증번호 5,6 자리만 입력해야 한다.

 

이 때, maxlength를 사용할 수 있다.

그런데 이게 [type=text] 일 때는 잘 되는데

                [type=number] 일 때는 되지 않는다.

 

그래서 js로 해결을 해 주어야 한다.

 

1. 함수를 만들고
2. oninput으로 입력될 때 마다 실행시킨다.

    function lengthLimit4(e){
        if(e.value.length > 4){
            e.value = e.value.slice(0, 4)
        }
    }

<input type="number" placeholder="코드 4자리" oninput="lengthLimit4(this)">

 

해당 방법이 입력되는걸 가장 깔끔하게 막는다.