메뉴 건너뛰기

2014.02.27 09:58

textarea의 글자수 제한

조회 수 6161 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
<script language="JavaScript">
<!--
function CheckStrLength()
{
 
 var temp;
 var f = document.form.write_text.value.length;
 var msglen = 256; //최대 길이
 var tmpstr = "";
 var enter = 0;
 var strlen;
 
 if(f == 0)
  document.form.remain.value = msglen;
 else
 {
  for(k=0;k<f;k++)
  {
   temp = document.form.write_text.value.charAt(k);
   
   if(temp == '\n')
   {
    enter++;
   }
 
   if(escape(temp).length > 4)
    msglen -= 2;
   else
    msglen--;
 

   if(msglen < 0)
   {
    alert("총 영문 512자 한글 256자 까지 쓰실 수 있습니다.");
    document.form.write_text.value = tmpstr;
    break;
   }
   else if(enter > 3)
   {
    alert("라인수 4라인을 넘을수 없습니다.");
    enter = 0;
    strlen = tmpstr.length - 1;
    //alert(strlen);
    document.form.write_text.value = tmpstr.substring(0,strlen);
    break;
   }
   else
   {
 
    document.form.remain.value = msglen;
    tmpstr += temp;
   }
  }
 }
}
//-->
</script>

 
 

아는 후배 한테 받은건데 잘써먹고 있어요
<form name="form" action="" method="post"> 
<table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td width="200" style="font-family: 굴림; font-size: 12pt;">⊙ 내용입력 남은 글자수 : </td><td width="50" align="left"><input name="remain" style="border: 1px solid currentColor; font-family: 굴림; font-size: 10pt; background-color: rgb(255, 255, 255);" size="3" readonly=""> </td><td width="360" valign="bottom">(4줄까지만 작성 가능합니다.) </td></tr><tr><td height="1" colspan="3"></td></tr><tr><td colspan="3"><img width="1" height="3" src="http://okjsp.pe.kr/images/okjsp_top.gif" border="0">
<textarea name="write_text" onkeyup="CheckStrLength()" onchange="CheckStrLength()" rows="10" cols="75"></textarea> </td></tr></tbody></table>
</form>






   

List of Articles
번호 제목 날짜 조회 수
247 바닐라 JS, ECMAScript 개념 file 2023.01.20 109
246 마우스 오른쪽버튼 , 드래그 선택 차단 2023.01.12 118
245 패스워드, 확인패스워드가 맞는지 체크 2023.01.12 129
244 Node.js와 npm(+ npx)의 개념 2023.01.20 134
243 비동기 작업의 원리 (JavaScript 엔진, Web API, Task Queue, Event Loop) file 2023.01.20 138
242 개발자도구 F12키 막기 file 2023.01.12 169
241 페이지 이동 2021.03.26 190
240 getYear(); 크롬, 파이어폭스 에서 제대로 작동 안하는 문제 2021.03.26 197
239 default 매개변수(매개변수 기본값) 2021.03.26 199
238 자주쓰는 것들 2021.03.26 203
237 split, join, replace, replace_all 2021.03.26 204
236 폼안에 태그명, 함수명 같을때 오류 2021.03.26 214
235 현재 날짜, 시간 ( Month + 1 에 대해서 ) 2021.03.25 218
234 Date 객체로 원하는 날짜, 시간 표현하기 2021.08.20 223
233 Javascript - 입력한 년, 월의 마지막 날짜 구하기 2021.03.09 224
232 3자리 마다 쉼표만 찍어주는 number_format 함수 2021.03.26 225
231 오브젝트 속성 2021.03.25 237
230 월의 마지막 날짜 계산하기 2021.08.20 242
229 대소문자 변경 (대문자를 소문자로, 소문자를 대문자로) 2021.08.20 259
228 Javascript - form태그 내부 ajax처리시 2번 전송되는 현상 2021.03.09 268
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved