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


Posted in Javascript onMay 28, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
基于jQuery试卷自动排版系统
Jul 18 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
javascript 回调函数详解
Nov 11 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
基本DOM节点操作
Jan 17 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
jQuery手风琴的简单制作
May 12 jQuery
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
jQuery中$原理实例分析
Aug 13 jQuery
vue点击当前路由高亮小案例
Sep 26 Javascript
javascript实现行拖动的方法
May 27 #Javascript
JavaScript操作Cookie方法实例分析
May 27 #Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 #Javascript
jquery预加载图片的方法
May 27 #Javascript
jQuery仿gmail实现fixed布局的方法
May 27 #Javascript
js实现键盘Enter键提交表单的方法
May 27 #Javascript
js实现简单锁屏功能实例
May 27 #Javascript
You might like
php中文字符截取防乱码
2008/03/28 PHP
使用php计算排列组合的方法
2013/11/13 PHP
php实现可运算的验证码
2015/11/10 PHP
PHP实现微信提现功能
2018/09/30 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
2016/06/12 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
vue.js input框之间赋值方法
2018/08/24 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
TensorFlow安装及jupyter notebook配置方法
2017/09/08 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
Python实现读取机器硬件信息的方法示例
2018/06/09 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
对python 多个分隔符split 的实例详解
2018/12/20 Python
python 输出所有大小写字母的方法
2019/01/02 Python
对python函数签名的方法详解
2019/01/22 Python
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
First Aid Beauty官网:FAB急救面霜
2018/05/24 全球购物
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
iostream与iostream.h的区别
2015/01/16 面试题
私人委托书格式
2014/09/10 职场文书
法人代表资格证明书
2015/06/18 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书