Simple jquery plugin to add a character countdown to inputs and textareas
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

jQuery Character Counter

Simple plain jquery plugin to add a character countdown to inputs.

In order to use the plugin you need to add data-max-length attribute to the element for instance:

<textarea id="tester" data-max-length="400"></textarea>

To add the counter just call:


The plugin adds a paragraph element with class of "character_counter". The count is updated on the keyup event and if the input exceeds the maximum length specified a class of "invalid" is added to the paragraph element.

There is no styling whatsoever applied to the element to allow for you to add your own custom styling based on the 2 classes.

Copyright 2013 Ville Hellman. See MIT-LICENCE for details.