요구사항
- input 박스의 maxlength가 6일 때 한글은 7자리까지 입력이 가능합니다. focus out되는 순간 "가나다라마바"로 자동으로 문자열이 단절되지만 입력 단계부터 maxlength까지만 입력가능하게 제한하시오.
해결책
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script type = "text/javascript">
$(function(){
$("#myId").on('change keydown paste input', function(){
if(this.value.length > this.maxLength){
this.value = this.value.slice(0, this.maxLength);
}
});
})
</script>
</head>
<body>
<input type="text" maxlength="6"/><br/>
<input id= "myId" type="text" maxlength="6"/>
</body>
</html>'Frontend > javascript' 카테고리의 다른 글
| [javascript] 브라우저 "뒤로 가기" 이벤트 체크 (0) | 2022.07.14 |
|---|
