10 Best Character Counters In JavaScript

What Is Character Counter?

Character counter is a useful online UI tool that calculates the number of characters that have been entered in a text field and displays the remaining number of characters allowed to be entered.

Typically used in Textarea and/Or Input Field element that limits the number of characters and shows characters used and remaining.

The Best Character Counter Plugin

This is a list of 10 best JavaScript (jQuery & Vanilla JS) plugins that make it easy to implement the Character Counter & Character Limit functionalities on your form controls. Enjoy.

Table of contents:

• jQuery Character Counter Plugins
• Vanilla JS Character Counter Plugins

jQuery Character Counter Plugins:

Twitter-Like Text Box Character Counter with jQuery and Bootstrap

In this tutorial we're going to create a twitter-like text box that displays the remaining characters count as well as limiting the max length of input text.

[Demo] [Download]

---

Simple jQuery Characters & Words Counter Plugin - Simply Countable

Simply Countable is yet another jQuery based character/word/text counter for your text input or textarea.

[Demo] [Download]

---

Simple Live Character Counter with Javascript - Countable

Countable is a simple and independent javascript library that adds a character counter to your html elements (like text field) to for live paragraph-, word- and character-counting.

[Demo] [Download]

---

Displaying Maximum Length Of Input Field With jQuery - Maxlength

Maxlength is a dead simple jQuery plugin that uses Bootstrap styles and HTML5 maxlength attribute to limit the amount of characters permitted in an input field.

[Demo] [Download]

---

Textarea Character/Line Count And Limit Plugin - jQuery textArea.js

A jQuery plugin that adds live-updating character and line counters to your textarea, as well as limiting the max number of characters and lines to be entered with a progress bar.

[Demo] [Download]

---

Limit The Number Of Characters In Text Fields - jQuery limitText.js

limitText.js is a small jQuery plugin that limits the number of characters allowed in your text fields and automatically creates counters to display how many characters remaining.

[Demo] [Download]

---

Specify Max Length For Text Fields - jQuery maxLength.js

Yet another jQuery max length plugin which limits the number of characters allowed to be typed in a text field with a basic character counter.

[Demo] [Download]

---

Pure JavaScript Character Counter Plugins:

Twitter Like Character Counter with Pure Javascript – VCountdown

VCountdown is a pure vanilla JavaScript library that displays a counter for your text field to count characters down as you seen on Twitter tweet box.

[Demo] [Download]

---

Minimal Character Counter For Text Field – dCounts.js

VCountdown is a pure vanilla JavaScript library that displays a counter for your text field to count characters down as you seen on Twitter tweet box.

[Demo] [Download]

---

Character Counter With Visual Feedback – CharCount

CharCount is an ES6 JavaScript library that provides character counters with visual feedbacks for input and textarea elements.

[Demo] [Download]

---

Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Character Counters on the web & mobile? Check out the jQuery Character Counter and JavaScript Character Counter sections.