[ HTML ] input type='number' maxlength 적용하기.

태그의 Number 타입은 사용자가 오직 숫자만을 입력받도록 제한하는 input 입니다. 모바일에서는 이 input 박스를 터치했을 때 숫자 키 패드가 나타나게 되죠.

핸드폰 번호 혹은 주민번호, 웹 서비스에서 사용자에게 숫자만을 받아야 한다면 유용한 type입니다. 보통, input type='text' 에서 maxlength='5' 텍스트 글자 수 제한 속성을 추가하곤 합니다.

그런데, type='number' 는 maxlength 속성이 제대로 동작하지 않습니다. ( 크롬 : 브라우저 ) 그래서 숫자입력 값의 글자 수 제한을 위한 script 구현 방법입니다. function maxLengthCheck(object){ if (object.value.length > object.maxLength){ //object.maxLength : 매게변수 오브젝트의 maxlength 속성 값입니다. object.valu...