메뉴 건너뛰기

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
번호 제목 날짜 조회 수
67 체크박스(CheckBox) 전체 선택, 전체 해제 checked file 2018.07.04 2911
66 테이블에서 해당 열의 인덱스 값 얻는 방법 2018.08.29 2789
65 스마트 에디터 (네이버 에디터) 에디터 내에서 이미지 크기 줄이기.(리사이징) file 2018.07.04 2715
64 Javascript 로 초성검색하기 2019.01.10 2373
63 날짜 계산하기 (년/월/일 더하기, 빼기) 2021.08.20 2356
62 jqgrid 이용한 그리드 활용하기 file 2021.03.25 2325
61 유용한 스크립트 모음 2018.07.24 2293
60 Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항) file 2021.03.09 2164
59 텍스트박스 입력제한(숫자,영문,한글,특수기호) 2019.01.16 1991
58 자바스크립트 urlencode(), urldecode(), rawurlencode(), rawurldecode() 2018.10.27 1913
57 반복문 사용할때 태그 식별하기 data-item 2018.07.04 1849
56 문자열 안에 쌍따옴표, 홑따옴표 표시하는 3가지 방법 file 2021.08.20 1782
55 팝업창 차단 "허용 메시지" 2018.09.28 1738
54 jQuery 엘리먼트 선택 2018.10.27 1732
53 시간 계산하기 (시/분/초/ 더하기, 빼기) 2021.08.20 1707
52 key pressing 누르거나 클릭중인 이벤트 예제 2018.08.29 1619
51 cross site scripting을 막기위한...javascript 2018.07.24 1596
50 특정 부분 인쇄 자바스크립트 2019.01.16 1581
49 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기 2021.08.20 1538
48 엔터키 / enter key submit form 2018.09.28 1528
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved