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继承之为什么要继承
Nov 10 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
jQuery中siblings()方法用法实例
Jan 08 Javascript
Javascript中的高阶函数介绍
Mar 15 Javascript
超漂亮的jQuery图片轮播特效
Nov 24 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
第二篇Bootstrap起步
Jun 21 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
Sep 28 Javascript
Angular异步变同步处理方法
Aug 13 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 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中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
php中get_object_vars()方法用法实例
2015/02/08 PHP
PHP使用CURL模拟登录的方法
2015/07/08 PHP
PHP标准库(PHP SPL)详解
2019/03/16 PHP
URL编码转换,escape() encodeURI() encodeURIComponent()
2006/12/27 Javascript
语义化 H1 标签
2008/01/14 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
PHP守护进程实例
2015/03/06 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
JS获取和修改元素样式的实例代码
2016/08/06 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
Angular设置别名alias的方法
2018/11/08 Javascript
微信小程序实现比较功能的方法汇总(五种方法)
2020/03/07 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
学习python (2)
2006/10/31 Python
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
Python常见数字运算操作实例小结
2019/03/22 Python
详解Django admin高级用法
2019/11/06 Python
TensorFlow梯度求解tf.gradients实例
2020/02/04 Python
python实现程序重启和系统重启方式
2020/04/16 Python
canvas绘制图片drawImage使用方法
2020/09/15 HTML / CSS
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
测试驱动开发的主要步骤是什么
2014/12/10 面试题
数控专业毕业生求职信范文
2013/09/21 职场文书
安全员岗位职责
2013/11/11 职场文书
30年同学聚会感言
2014/01/30 职场文书
详细聊一聊mysql的树形结构存储以及查询
2022/04/05 MySQL