A jQuery plugin that displays the remaining characters allowed in a text input.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


SimpleMaxChars jQuery plugin v1.0
Author: Josh McCarty
Website: http://joshmccarty.com
Copyright (c)2012 Josh McCarty
License: GPL Version 2

This plugin adds a message displaying the number of characters remaining in an input or textarea when they have a maxlength set. It's a bit rough around the edges, but I needed a fairly basic solution quickly and most of the existing plugins that offer a similar function were too big, too small, or didn't meet my specific needs. If this looks like it will work for you, feel free to use it!

- Less than 2KB minified.
- Adds a warning class to the message when the character limit has nearly been reached (useful for changing the color of the message text via CSS)
- Uses .prop() and .attr() correctly (.attr() is often used incorrectly for setting/getting DOM properties)
- Multiple instances can be used on the same page
  - Can be used on individual form elements with unique options for each element
  - Can be used on multiple form elements with the same options
- Has built-in options for basic customization
- Remaining character message can be customized via $.fn.SimpleMaxChars.message = function(){ yourCustomFunction });
- Tested with jQuery 1.6.2+, IE7+, Chrome 17, Firefox 8