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 相关文章推荐
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
详解node如何让一个端口同时支持https与http
Jul 04 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
express框架中使用jwt实现验证的方法
Aug 25 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
用libtemplate实现静态网页生成
2006/10/09 PHP
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
php读取EXCEL文件 php excelreader读取excel文件
2012/12/06 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
PHP获取音频文件的相关信息
2015/06/22 PHP
在JS中a标签加入单击事件屏蔽href跳转页面
2016/12/16 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
js原生代码实现轮播图的实例讲解
2017/07/28 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
pyv8学习python和javascript变量进行交互
2013/12/04 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
django在开发中取消外键约束的实现
2020/05/20 Python
美国美妆网站:B-Glowing
2016/10/12 全球购物
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
德国便宜的宠物店:Brekz.de
2020/10/23 全球购物
服装销售人员求职自我评价
2013/09/26 职场文书
会计专业的自荐信
2013/12/12 职场文书
青春演讲稿范文
2014/05/08 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
校运会广播稿
2015/08/19 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
详细谈谈JavaScript中循环之间的差异
2021/08/23 Javascript