Subscribe to RSS Feed

Input Character Counter

May 22, 2011 by Tom Coote

I built this whilst watching Britain’s Got Talent yesterday. I wasn’t enjoying the show to much. It’s a simple jQuery plugin that you can attach to textarea or input elements which will limit the amount of characters that are allowed for the input and also show a counter in the top right corner to indicate the character count.

All you need is the CSS and JavaScript on your page then attach it to something like this;

$(textarea).charCount(100);

Visit the demo page to have a go or download the source.

This entry was posted on May 22, 2011 at May 22, 2011 and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed.

One Response to “ Input Character Counter ”

www.fernando1989.com
July 23, 2011 at 8:32 pm
extending….

$.fn.charCount = function(limit,message) { …..

if(message == undefined){
countBox.attr(‘title’, ‘Number of characters left.’);
}else{
countBox.attr(‘title’, message);
}

when you call..

$(‘input’).charCount(90,’whatever…..’);

Reply

Leave a Reply