Download
User Rating: 0/5 ( 0 votes)
FreeChars is a jQuery Minimal characters counter Plugin for textarea/input elements. Also works as a polyfill for "maxlength" attribute.
Source: mjlescano.github.io
1. INCLUDE JS FILES
<!-- jQuery (1.9 or newer). -->
<script type="text/javascript" src="lib/rAF.js"></script>
<!-- (optional) window.requestAnimationFrame Polyfill for good performance on old browsers. -->
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- The plugin :D -->
<script type="text/javascript" src="src/jquery.freeChars.js"></script>
2. HTML
<textarea maxlength="300" rows="10" cols="60"></textarea>
<span id="count"></span>
3. JAVASCRIPT
var $count = $('#count')
$('textarea').freeChars({ update: $count });
4. OPTIONS
-
maxLength (Integer)(default: 140) -- Number of characters to count.
-
limit: (Boolean)(default: true) -- Apply maxlength property. If false, negative values will be given to 'available' argument.
-
onUpdate: (Function)(optional) -- Function to be called everytime the textarea changes the value.
-
update: (jQuery element)(optional) -- The content of this element will be setted with the remaining characters.
JS Tutorial
