This textarea has a maxlength of 100 characters
It has a remaining character counter attached to it
And it also has a kick-ass progress bar to tell you how much of your characters have you used
$('#testId5').tInput({
maxlength : { value: 100, target:true, loader:true },
empty : { text : 'Some default text for this lonely textfield' }
});
Now we just made the loader look like those old candybars using some quick CSS and, of course, the custom loader-class implemented
in our tInput()
$('#testId5_2').tInput({
title : 'Type for CANDY :) ',
maxlength : { value: 100, target:true, loader:'custom_Loader' },
empty : { text : 'We want CANDY!' }
});
You can also target a specific input to count in it, simply by passing in an element to the target property.
Type in the textbox to the left and pay attention to the input bellow :)