محدود کردن تعداد کاراکتر های ورودی یک فیلد

[css-man]

دوستان من می خوام یه textarea رو طوری محدود کنم که کاربر بیشتر از مثلا 200 کاراکتر رو نتونه توش وارد کنه

لطفا راهنمائی کنید

[Javidhb]

این کدش:


<textarea id="myTextarea"></textarea>
<p><span id="charactersUsed"></span> / <span id="totalCharacter"></span></p>


(function($){

var totalCharacter = 200;

$('#charactersUsed').html(0);

$('#myTextarea').on('keyup', function(e){
var charactersUsed = $(this).val().length;

if(charactersUsed > totalCharacter){
charactersUsed = totalCharacter;
$(this).val($(this).val().substr(0, totalCharacter)); // فقط به تعداد کاراکترهای مجاز از ابتدا رشته رو دوباره نشون بده
$('#charactersUsed').css('color', 'red');
}

$('#charactersUsed').html(charactersUsed);
});

$('#totalCharacter').html(totalCharacter);

})(jQuery);


اگه سوالی داشتید... من در خدمتم...