jQuery implémente une méthode pour limiter le nombre de caractères saisis dans une zone de texte text box_jquery

L'exemple de cet article décrit comment jQuery implémente la méthode de limitation du nombre de caractères saisis dans la zone de texte de la zone de texte. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

(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);

J'espère que cet article sera utile à la programmation jQuery de chacun.