Limit characters in textarea (with maxlength attribute fallback)
//Limit max characters in textarea
$(".textarea-limit").each(function () {
var thistextarea = $(this);
var characters = thistextarea.prop('maxlength');
thistextarea.prev('label').append("<span class='limit-counter'>You have <strong>"+ characters+"</strong> characters remaining</span>");
var counter = thistextarea.prev('label').find('.limit-counter');
counter.css('float','right');
function displaycounter(countervar) {
var remaining = characters - countervar.val().length;
counter.html("You have <strong>"+ remaining+"</strong> characters remaining");
if(remaining <= 10) {
counter.css("color","red");
}
else {
counter.css("color","black");
}
}
displaycounter(thistextarea);
thistextarea.keyup(function(){
if (!$.support.maxlength) {
if ($(this).val().length > characters) {
$(this).val($(this).val().substr(0, characters));
}
}
displaycounter($(this));
});
});