Javascript Max Characters for Textareas

by Matthew Schenker

HTML

<span class="remain">10</span><span class="remain_label"> characters remaining</span>
<br />
<textarea class="remaining_text"></textarea>

CSS

.remaining_text {
    height: 150px;
}

.remain,
.remain_label {
    color: #F20C0C;
}

JavaScript

var maxchars = 10;
$('.remaining_text').keyup(function () {
    var tlength = $(this).val().length;
    $(this).val($(this).val().substring(0, maxchars));
    var tlength = $(this).val().length;
    remain = maxchars - parseInt(tlength);
    $('.remain').text(remain);
});