CODING TIP/JavaScript
(5) 특정 글자수 만큼만 입력하기 - 글자수 제한
주히토끼
2018. 3. 5. 18:01
< (5) 특정 글자수 만큼만 입력하기 - 글자수 제한 >
// html
<div class="">
<textarea name="" id="" class="textarea_title" placeholder="최대 100자 까지 등록 가능합니다." ></textarea>
<span><em>0</em>/100</span>
</div>
// css
$(".textarea_title");.on('keydown', checkTextareaNum100);
$(".textarea_title");.on('keyup', checkTextareaNum100);
function checkTextareaNum100(){
var _msgContent = $(this).val();
if ( _msgContent.length > 101 ){
$textAreaTitle.val(_msgContent.substring(0,100));
}else if( _msgContent.length <= 100 ){
$textAreaTitle.siblings('span').find('em').text(_msgContent.length);
}
}