10 Best Character Counters In JavaScript (2023 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 Feb 28 2023

Table of contents:

jQuery Character Counter Plugins:

Highly Customizable Character/Word Counter For jQuery - Text Counter

A highly customizable text counter plugin for text fields 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]


Easy jQuery Textarea Characters Countdown Plugin - Character Countdown

A simple and easy-to-use jQuery plugin for creating a text counter to display the remaining characters eligible in a textarea, similar to the Twitter's textarea character count effect. The plugin also has the ability to prevent from typing any characters when the the countdown has reached it's limit (Default to 140).

Easy jQuery Textarea Characters Countdown Plugin - Character Countdown

[Demo] [Download]


jQuery Character Counter/Limiter For Textarea - characterCounter.js

Just another lightweight yet highly customizable jQuery character counter plugin which helps you create a live-updating character counter for your textarea elements.

jQuery Character Counter/Limiter For Textarea - characterCounter.js

[Demo] [Download]


jQuery Character Counter For Multiple Text Fields - countchar

An ultra-light (~1kb minified) jQuery plugin used to display how many specified characters typed in multiple text fields (input fields and textareas). It also has the ability to change the background color of the text field or fire a callback function when you reach a specified character limit.

jQuery Character Counter For Multiple Text Fields - countchar

[Demo] [Download]


Limit Characters For Text Fields - jQuery Char Count

A tiny jQuery plugin that limits the number of characters allowed to type in text fields and displays how many characters are left.

Limit Characters For Text Fields - jQuery Char Count

[Demo] [Download]


Limit Characters In Text Fields - jQuery MaxLength

A lightweight (less than 1kb) jQuery plugin to limit the number of characters allowed to type in an input field or textarea element.

Limit Characters In Text Fields - jQuery MaxLength

[Demo] [Download]


Pure JavaScript Character Counter Plugins:

Countable

Add live paragraph-, word- and character-counting to an HTML element.

Countable

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


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]


Conclusion:

Looking for more jQuery plugins or JavaScript libraries to create awesome Character Counters on the web & mobile? See jQuery Character Counter and JavaScript Character Counter sections for details.