Easy jQuery Textarea Characters Countdown Plugin - Character Countdown

File Size: 39.9KB
Views Total: 1215
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Easy jQuery Textarea Characters Countdown Plugin - Character Countdown

Character Countdown is a simple and easy-to-use jQuery plugin for creating a text counter to display the remaining characters eligible in a textarea, similar to the Twitter's textarea character count effect. The plugin also has the ability to prevent from typing any characters when the the countdown has reached it's limit (Default to 140).

See also:

How to use it:

1. Create a textarea and a container for the characters countdown.

<pre class="brush:xml;">
1</pre>

2. Include the latest jQuery javascript library and JQuery Character Countdown plugin at the end of your document.

<textarea></textarea>
<div class="countdown"></div>

3. Initialize the plugin with options.

<script>

$(function() {
$('textarea').characterCountdown(
{
countdownTarget: '.countdown', // the class, ID or element that will display the countdown
maxChars: 140 //  the maximum amount of characters
});
});

</script>

This awesome jQuery plugin is developed by michael-lynch. For more Advanced Usages, please check the demo page or visit the official website.