..
textarea 글자수 체크
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">
  9.  
  10. <script language=javascript>
  11. var oldStr, oldCnt;
  12. function checkByte(element) {
  13.     var onechar;
  14.     var tcount = 0;
  15.  
  16.     for (k=0;k<element.value.length;k++) {
  17.         onechar = element.value.charAt(k);
  18.  
  19.         if (escape(onechar).length > 4)
  20.             tcount += 2;
  21.         else if (onechar!='\r')
  22.             tcount++;
  23.     }
  24.  
  25.     if(tcount>50) {
  26.         document.StrCountForm.cbyte.value = tcount;//수정할 부분
  27.         alert("허용된 글자수가 초과되었습니다.\r\n초과된 부분은 자동으로 삭제됩니다.");
  28.         element.value = oldStr;
  29.         tcount = oldCnt;
  30.     }
  31.     oldStr = element.value;
  32.     oldCnt = tcount;
  33.     document.StrCountForm.cbyte.value = tcount;//수정할 부분
  34. }
  35. function ChkLen() {
  36.   var msgtext, msglen;
  37.    
  38.     msgtext = document.MsgForm.MSG_TXT.value;
  39.     msglen = document.MsgForm.MSG_TXT_CNT.value;
  40.    
  41.     var i=0,l=0;
  42.     var temp,lastl;
  43.    
  44.     //길이를 구한다.
  45.     while(i < msgtext.length)
  46.     {
  47.         temp = msgtext.charAt(i);
  48.        
  49.         if (escape(temp).length > 4)
  50.             l+=2;
  51.         else if (temp!='\r')
  52.             l++;
  53.         // OverFlow
  54.         if(l>80)
  55.         {
  56.             //alert(l);
  57.             alert("메시지란에는 한글 40자, 영문80자까지만 쓰실 수 있습니다.");
  58.             temp = document.MsgForm.MSG_TXT.value.substr(0,i);
  59.             document.MsgForm.MSG_TXT.value = temp;
  60.             l = lastl;
  61.             break;
  62.         }
  63.         lastl = l;
  64.         i++;
  65.     }
  66.     MsgForm.MSG_TXT_CNT.value=l;
  67. }
  68. </script>
  69.  
  70.  </head>
  71.  
  72.  <body>
  73.  
  74. <TABLE WIDTH='27%' CELLSPACING=2 CELLPADDING=0 BORDER=0 ALIGN=CENTER>
  75.   <FORM NAME=StrCountForm>
  76.             <TR>
  77.  
  78.       <TD> <TEXTAREA NAME=StrCountForm1 COLS=46 onKeyUp="checkByte(this)"></TEXTAREA></TEXTAREA>
  79.         <br>
  80.         <input type="text" name="cbyte" class=byte value="0" size="3">
  81.         /50Byte(한글25)<br>
  82.               </TD>
  83. </TR></FORM>
  84. </TABLE>
  85.  
  86.  </body>
  87. </html>


'DEV > html/css/js/img' 카테고리의 다른 글

크로스 도메인 Cross Doamin  (0) 2013.11.28
특정 div print 하기  (0) 2013.08.26
jquery change event ie 오동작.  (0) 2012.02.21
  Comments,     Trackbacks