当前位置: 首页 > 编程笔记 >

jQuery实现限制textarea文本框输入字符数量的方法

宗政德宇
2023-03-14
本文向大家介绍jQuery实现限制textarea文本框输入字符数量的方法,包括了jQuery实现限制textarea文本框输入字符数量的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法。分享给大家供大家参考。具体实现方法如下:

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

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JS简单限制textarea内输入字符数量的方法,包括了JS简单限制textarea内输入字符数量的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS简单限制textarea内输入字符数量的方法。分享给大家供大家参考。具体如下: 这里演示JS限制一个area内的字符不能超过255,多余则截取。 代码如下: 希望本文所述对大家的JavaScript程序设计有所帮助。

  • 本文向大家介绍3种Jquery限制文本框只能输入数字字母的方法,包括了3种Jquery限制文本框只能输入数字字母的方法的使用技巧和注意事项,需要的朋友参考一下 onlyNum(),onlyAlpha()和onlyNumAlpha()3个Jquery扩展方法 number.js letter.js number_letter.js use.js 以上方法均可实现项目要求,大家根据自己的具体需求自由选

  • 本文向大家介绍js实现文本框只允许输入数字并限制数字大小的方法,包括了js实现文本框只允许输入数字并限制数字大小的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现文本框只允许输入数字并限制数字大小的方法。分享给大家供大家参考。具体如下: 这是一个很个性的输入框特效,规定文本框只允许输入数字,如果你执意要输入其它的字符,则输入的字符将自动消失,除非你输入的是规定内的字符格式,并且

  • 问题内容: 我希望能够限制文本区域中的字符数。我使用的方法在Google Chrome浏览器中效果很好,但是在Firefox中运行缓慢,在IE中不起作用。 Javascript: HTML: 正文元素底部的Javascript: 问题答案: 我发现了一个很好的解决方案,如果浏览器支持,则使用maxlength属性,并在不支持的浏览器中回退到不引人注意的javascript pollyfill。 H

  • 本文向大家介绍JS限制文本框只能输入数字和字母方法,包括了JS限制文本框只能输入数字和字母方法的使用技巧和注意事项,需要的朋友参考一下 限制只能输入数字 限制只能输入字母 限制只能输入数字和字母

  • 本文向大家介绍js限制文本框只能输入数字方法小结,包括了js限制文本框只能输入数字方法小结的使用技巧和注意事项,需要的朋友参考一下 有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如,输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.rep