[Javascript] 모바일 input type='number' 에서 maxlength 적용

 PC상에서는 input 태그에서 maxlength 가 아주 잘 먹힌다.

문제는 모바일에서는 이넘이 안먹힌다는 데 있다.

 

결국 아래의 Javascript 함수로  maxlength 값길이를 제한 걸어둘 수가 있다.

모바일 코딩시 반드시 필요하므로 꼭 기억해 두자.

 

 

<script type="text/javascript">
    
  function maxLengthCheck(object){
    if (object.value.length > object.maxLength){
      object.value = object.value.slice(0, object.maxLength);
    }    
  }
  
</script>
 
<input type="number" maxlength="4" oninput="maxLengthCheck(this)"/>

 

참고 : https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=twilight_teatime&logNo=221446144980