Home / Web Development / CSS / Restrict Number of Characters with Live Character counter using jQuery

Restrict Number of Characters with Live Character counter using jQuery

In this post, I explain live character counter using jQuery. This is very simple and useful. Here I implement texarea character counter using jQuery.
So you would have seen in various websites where users are not allowed to write messages/comments more than certain number of characters.
It show you at run time how many characters have been left and you can type only specified number of characters.
You can tweet only up to maximum of 140 characters and it shows you in real time that how many characters you are left with.
I already explain Simple Textarea text Counter using AngularJS

Table Of Content

  • jQuery
  • CSS
  • HTML

demo

jQuery

The jQuery in your page and then start writing jQuery to control number of characters in textarea of your form.

From the above code we can clearly says that, the maximum 150 characters can enter into texarea area. We can enter upto 150 characters only.

CSS code

HTML

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Leave a Reply

Your email address will not be published. Required fields are marked *

Social Media Auto Publish Powered By : XYZScripts.com