728x90
반응형
SMALL

'javascriptinput숫자길이제한'에 해당되는 글 1건

  1. 2021.03.17 input type number maxlength 설정
JavaScript2021. 3. 17. 14:00
728x90
반응형
SMALL

 

 

기본적으로 maxlength 설정으로 input 박스의 길이제한을 둔다 요로케..

 

 

<input type="text" name="inputBox" maxlength="10">

 

 

 

그러나..type="number"에서는 maxlength 속성이 먹히지 않는다고 한다.

 

 

그래서 대체방법..!

oninput 이벤트를 사용하여 별도의 스크립트로 처리를 한다.

 

 

 

<script>
// 금액 maxlength 
// maxlength=10과 같은 효과
   	function maxLengthCheck(object) {
   	    if (object.value.length > object.maxLength) {
   	        object.value = object.value.slice(0, object.maxLength);
   	    }    
   	}
</script>


<!-- html -->
<input type="number" placeholder="금액 입력" maxlength="10" oninput="maxLengthCheck(this)"> 원

 

 

 

 

 

 

 

 

 

728x90
반응형
LIST
Posted by 사슴영혼'-'
728x90
반응형
LIST