JavaScript - maxlength가 되지 않을 때

안녕하세요.

고코더 입니다.

 

 

HTML에서 가끔 maxlength가 안 먹히는 문제가 발견되고는 합니다. 특히 모바일에서는 더 설정이 되지 않는 이상한 문제가 있습니다. 그래서 거의 정석처럼 사용하는 소스코드가 있습니다.

 

● 1. 바로 아래 함수를 사용하는 방법입니다.

function maxLengthCheck(object) {
  if (object.value.length > object.max.length)
    object.value = object.value.slice(0, object.max.length)
}

 

● 2. 해당 함수를 원하는 input에 붙여 넣으면 완료됩니다.

<input type="text" maxlength="4" oninput="maxLengthCheck(this)"/>

 

 

 

* 참조 자료

https://stackoverflow.com/questions/48840583/maxlength-on-a-number-input-on-mobile-devices