Supports each enter and textarea parts. Works with the native maxlength attribute.

[Maxlength] jQuery Character Counter and Limit Plugin For Bootstrap

How to Make Use of it:

1. Load the minified model of the character counter plugin after the most recent jQuery library (slim construct is really helpful).

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/charCounter.min.js"></script>

2. Determine the utmost variety of characters allowed to kind in your textual content area utilizing the maxlength attribute.

<h2>Input Field</h2>
<input type="text" id="input-demo" maxlength="60" />

<h2>Textarea</h2>
<textarea id="textarea-demo" maxlength="140"></textarea>

3. Call the perform on the textual content area to allow the character counter.

$("#input-demo").charCounter();
$("#textarea-demo").charCounter(
  // with options
);

4. Customize the divider character:

• slash: ” / ” (Default)
• dash: ” – “
• bar: ” | “

$("#textarea-demo").charCounter(
  divider: 'dash'
);

5. Specify the font measurement of the character counter.

$("#input-demo").charCounter();
$("#textarea-demo").charCounter({
  fontSize: '1.25rem'
});

6. Apply further CSS class(es) to the character counter.

$("#input-demo").charCounter();
$("#textarea-demo").charCounter({
  customClass: 'myClass'
});

7. Then apply further CSS kinds to the character counter.

.myClass 

Textarea Character Count jQuery, Word Count Typing jQuery Textarea, jQuery Character Counter Plugin/Github

See Demo And Download