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 相关文章推荐
通用JS事件写法实现代码
Jan 07 Javascript
javascript globalStorage类代码
Jun 04 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 Javascript
用jquery仿做发微博功能示例
Apr 18 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
js blob类型url的视频下载问题的解决
Nov 29 Javascript
ES6函数实现排它两种写法解析
May 13 Javascript
design vue 表格开启列排序的操作
Oct 28 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传参之传值与传址的区别
2015/04/24 PHP
浅谈php提交form表单
2015/07/01 PHP
深入理解PHP内核(一)
2015/11/10 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
JavaScript window.setTimeout() 的详细用法
2009/11/04 Javascript
基于jquery的页面划词搜索JS
2010/09/14 Javascript
javascript将数组插入到另一个数组中的代码
2013/01/10 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
CSS javascript 结合实现悬浮固定菜单效果
2015/08/23 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
基于复选框demo(分享)
2017/09/27 Javascript
React之PureComponent的使用作用
2018/07/10 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
2018/08/01 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
python烟花效果的代码实例
2020/02/25 Python
python实例化对象的具体方法
2020/06/17 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
HTML5 图片悬停放大的实现代码示例
2019/12/04 HTML / CSS
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
师范生个人推荐信
2013/11/29 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
学党史心得体会
2014/09/05 职场文书
2015年人事科工作总结
2015/04/28 职场文书
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python