< (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);
}
}
'CODING TIP > JavaScript' 카테고리의 다른 글
(7) 쿠키 설정하기 ( 오늘하루 열지않기, 다시보지않기 ) (0) | 2018.03.19 |
---|---|
(6) 선택,해제 했을 때 이전에 선택한 순서대로 순번 정렬하기 (ex. 카카오톡 사진 선택) (1) | 2018.03.14 |
(4) window postmessage - iframe 과 부모의 통신 (0) | 2018.02.19 |
(3) 검색어 입력하고 검색어를 다른 페이지 파라미터로 넘기기 (0) | 2018.01.26 |
(2) 이미지 로드 시점 잡기 ( img load ) (0) | 2018.01.24 |