기본적으로 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)"> 원
'JavaScript' 카테고리의 다른 글
| 숫자 세자리마다 콤마찍기 (0) | 2021.03.31 |
|---|---|
| 자바스크립트 생년월일로 나이 계산 (0) | 2021.03.17 |
| Uncaught SyntaxError: Unexpected end of input 에러 해결방법 (0) | 2020.11.15 |
| javascript 텍스트를 클립보드에 복사하기 (0) | 2020.11.15 |
| [javascript] moment.js 적용하기 (0) | 2020.11.15 |
