textarea 현재 입력된 글자수 제한 > 소스코드

본문 바로가기
사이트 내 전체검색


회원로그인

소스코드

javascript | textarea 현재 입력된 글자수 제한

페이지 정보

작성자 100K5 작성일15-10-31 16:39 조회29,710회 댓글0건

본문

<script type="text/javascript">
<!--

function returnThisTextLength(objName, targetName, max){
 var obj   = document.getElementById(objName);
 var target  = document.getElementById(targetName);
 var this_length;
 var cutChar  = '';
 var tmpChar =  '';
 var es   = '';
 
 this_length  = 0;
 
 if (obj.value !='')
 {
  for (var i = 0; i < obj.value.length ; i++)
  {
   cutChar = obj.value.charAt(i);
   es   = escape(cutChar);
   if (escape(cutChar).length > 4) this_length += 2;
   else this_length+=1;     
  }
 }
 else
 {
  target.innerHTML = '<span>0</span> / '+max+' bytes';
 }  
 
 if (this_length > max) {
  this_length  = 0 ;
  for (var i = 0; i < obj.value.length ; i++) {
   cutChar = obj.value.charAt(i);
   es   = escape(cutChar);
   if (escape(cutChar).length > 4) {
    this_length += 2;
   }else{
    this_length+=1;  
   }

   if (this_length > max) {
    if (escape(cutChar).length > 4) {
     this_length -= 2;
    }else {
     this_length -= 1;
    }
    break;
   }
   else {
    tmpChar += cutChar;
   }
  }
  
  alert('영문 '+ max + '자 / 한글 '+ parseInt(max/2) +' 자까지만 가능합니다');
  obj.value = tmpChar;
  obj.focus();
 }

 target.innerHTML = '<span>' + this_length + '</span> /'+max+' bytes'; 

}

$(function(){
 <?php
  for ($i = 1; $i <= 2 ; $i++) {
 ?>
 $("#content<?php echo $i; ?>").keyup(function(){  
  returnThisTextLength(this.id,'content<?php echo $i; ?>_bytes',20);
 });
 <?php
  }
 ?>
});

//-->
</script>


<textarea name="content1" id="content1"><?php echo $row['content1'];?></textarea>
<span class="txtnum" id="content1_bytes"><span>0</span> / 1000 bytes</span>

<textarea name="content2" id="content2"><?php echo $row['content2'];?></textarea>
<span class="txtnum" id="content2_bytes"><span>0</span> / 1000 bytes</span>

댓글목록

등록된 댓글이 없습니다.


사이트소개 개인정보취급방침 서비스이용약관 Copyright © kkujunhee.net All rights reserved.
상단으로

개인정보관리책임자 : 관리자

모바일 버전으로 보기