[Javascript] input타입에 최대 길이 지정하기

JavaScript를 사용하여 입력란의 최대 입력 길이를 예를들어, 16으로 설정하려면 다음과 같이 할 수 있습니다. 일반적으로 HTML에서 maxlength 속성을 사용하여 이 작업을 수행할 수 있습니다.

 

html

<input type="text" id="myInput" maxlength="16">

 

Javascript

// input 요소를 가져옵니다.
var inputElement = document.getElementById("myInput");

// input 요소의 입력 이벤트를 듣고 입력 길이를 확인합니다.
inputElement.addEventListener("input", function() {
    if (inputElement.value.length > 16) {
        // 입력 길이가 16을 초과하면 마지막 문자를 제거합니다.
        inputElement.value = inputElement.value.slice(0, 16);
    }
});

 

이렇게 하면 사용자가 입력란에 16자를 초과해서 문자를 입력하려고 하면, 

입력이 막히고 , 입력 길이가 16자 이하로 제한됩니다.