textarea 200자이내 입력

textarea 200자이내 입력

간단하게 textarea에 200자를 초과하여 입력할 경우

얼럿창과 함께 200자로 맞춰지는 소스입니다

css

.text_box {position:relative; display:inline-block; width:500px;} .text_box textarea {width:100%; height:152px; color:#666; font-family:"ht_r"; font-size:18px; line-height:28px; padding:20px; border:1px solid #e4dcd3; outline:0; resize:none} .text_box .count {position:absolute; right:20px; bottom:20px; color:#666; font-family:"ht_r"; font-size:15px;}​

html

0/200

javascript

$('.text_box textarea').keyup(function(){ var content = $(this).val(); $('.text_box .count span').html(content.length); if (content.length > 200){ alert("최대 200자까지 입력 가능합니다."); $(this).val(content.substring(0, 200)); $('.text_box .count span').html(200); } });

감사합니다 :)

from http://zzzmh.tistory.com/6 by ccl(A) rewrite - 2021-12-08 12:02:12