The example in this article describes how jQuery implements the method of limiting the number of characters input into the textarea text box. Share it with everyone for your reference. The specific implementation method is as follows:
(function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.length; if (chars > limit) { src.value = src.value.substr(0, limit); chars = limit; } elem.html( limit - chars ); } setCount($(this)[0], elem); } }); })(jQuery); //To setup the limiter, simply include a call similar to the one below: var elem = $("#chars"); $("#text").limiter(100, elem);
I hope this article will be helpful to everyone’s jQuery programming.