메뉴 건너뛰기

2014.02.27 09:58

textarea의 글자수 제한

조회 수 6264 추천 수 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>






   

  1. No Image 01Mar
    by
    2014/03/01 Views 46718 

    [jQuery] 상위부터 차례로 지역 선택하기

  2. No Image 01Mar
    by
    2014/03/01 Views 12121 

    [jQuery] 실시간 검색어 순위 순서대로 보여주기

  3. No Image 01Mar
    by
    2014/03/01 Views 6568 

    check box 선택시 색상 변경

  4. No Image 01Mar
    by
    2014/03/01 Views 6655 

    마우스대면 글자 없어지는 검색창

  5. 주민등록번호 체크

  6. No Image 01Mar
    by
    2014/03/01 Views 5460 

    input에 background-image 이벤트

  7. No Image 01Mar
    by
    2014/03/01 Views 5308 

    이메일 체크하기

  8. No Image 01Mar
    by
    2014/03/01 Views 6948 

    input 테그안의 숫자 3자리 마다 콤마 찍기

  9. 주민번호 입력시 생일 자동입력

  10. No Image 01Mar
    by
    2014/03/01 Views 7025 

    이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover

  11. No Image 27Feb
    by
    2014/02/27 Views 7085 

    네이버 달력 자바스크립트 소스

  12. No Image 27Feb
    by
    2014/02/27 Views 7635 

    날짜 간의 일수 계산

  13. No Image 27Feb
    by
    2014/02/27 Views 5794 

    JavaScript 날짜관련함수

  14. No Image 27Feb
    by
    2014/02/27 Views 6833 

    차단된 팝업창을 허용하라는 스크립트

  15. No Image 27Feb
    by
    2014/02/27 Views 6269 

    iframe 아이프레임 내용 길이에 따라서 높이가 자동으로 조절 되도록

  16. No Image 27Feb
    by
    2014/02/27 Views 5534 

    적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁

  17. No Image 27Feb
    by
    2014/02/27 Views 6130 

    3자리마다 콤마찍기

  18. No Image 27Feb
    by
    2014/02/27 Views 5580 

    input 박스에서 유용한 자바 스크립트

  19. No Image 27Feb
    by 조쉬
    2014/02/27 Views 6264 

    textarea의 글자수 제한

  20. No Image 27Feb
    by
    2014/02/27 Views 6559 

    라디오 버튼 value 값 있는지 체크하기

Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved