10 Best Character Counters In JavaScript (2021 Update)

by jQueryScript,

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.

Originally Published Nov 19 2019, updated Apr 6 2021

Table of contents:

jQuery Character Counter Plugins:

jQuery Character Counter and Limit Plugin For Bootstrap - Bootstrap Maxlength

Bootstrap Maxlength is a beautiful jQuery plugin that displays character counter attached to the input field and limit the maximum length as user input, using Twitter Bootstrap and html5 maxlength attribute.

jQuery Character Counter and Limit Plugin For Bootstrap - Bootstrap Maxlength

[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.

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

[Demo] [Download]


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.

Twitter-Like Text Box Character Counter with jQuery and Bootstrap

[Demo] [Download]


Simple jQuery Word and Character Counter For Text Box - Word Counter

Word Counter is a minimal jQuery script that adds a simple inline word and character counter to your textarea element.

Simple jQuery Word and Character Counter For Text Box - Word Counter

[Demo] [Download]


Character Counter For SMS Text Message - SMS Counter

SMS Counter is a simple-to-use jQuery character counter plugin especially created for SMS text messages.

Character Counter For SMS Text Message - SMS Counter

[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.

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

[Demo] [Download]


Highly Customizable Character/Word Counter For jQuery - Text Counter

A text counter plugin that displays the number of words or characters have been typed or the remaining characters allowed to be typed in the input field or textarea.

Highly Customizable Character/Word Counter For jQuery - Text 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.

Twitter Like Character Counter with Pure Javascript – VCountdown

[Demo] [Download]


Minimal Character Counter For Text Field – dCounts.js

A really simple JavaScript library that displays character counter next to your text field and stops typing when you have reached the allowed character limit.

Minimal Character Counter For Text Field – dCounts.js

[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.

Character Counter With Visual Feedback – CharCount

[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.