Character Counting Remaining on Textarea
text area with maxlenght that
feeds how many characters the user has remaining
HTML
<p id="textarea" maxlength="99" contenteditable="true">This content is editable with a max character count of 99.</p>
<div id="textarea_feedback"></div>
CSS
html { margin:11px }
p { border: 1px solid #ccc; width: 50%; padding: .5em; }
JavaScript
$(document).ready(function() {
var text_max = 99;
$('#textarea_feedback').html(text_max + ' characters remaining');
$('#textarea').keyup(function() {
var text_length = $('#textarea').val().length;
var text_remaining = text_max - text_length;
$('#textarea_feedback').html(text_remaining + ' characters remaining');
});
});