jQuery实现限制textarea文本框输入字符数量的方法
更新时间：2015年05月28日 09:18:20 作者：不吃皮蛋
这篇文章主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
基于jquery完美拖拽，可返回拖动轨迹 用JQ实现，话不多说，直接上码2012-03-03
这篇文章主要为大家详细介绍了jQuery实现全选、反选和不选功能 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
今天刚刚把jquery的插件制作学习了一下，总结一下别人写的和自己的心得，方便其他初学者的学习，考虑到要学习jquery插件制作的人一定知道jquery插件的好处和通用性，这里就不多说2012-02-02
这篇文章主要介绍了JQuery中clone方法复制节点,实例分析了clone方法浅克隆与深克隆的使用方法,需要的朋友可以参考下2015-05-05
jQuery Mobile开发中日期插件Mobiscroll使用说明
这篇文章主要介绍了jQuery Mobile开发中日期插件Mobiscroll使用说明,需要的朋友可以参考下2016-03-03
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
下面小编就为大家带来一篇浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
jQuery UI是一套非常好用的jQuery Tools库，目前已经发布的最新版本是1.8.4。在我自己的使用过程中，总有一些不爽。因为我下载的那个包里默认的主题样式是下图这样的，使用起来很难和具体的网页风格去配合。2010-09-09
下面小编就为大家带来一篇浅析jquery数组删除指定元素的方法:grep()。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery实现的点击标题文字切换字体效果,涉及jQuery基于事件响应实现页面元素属性动态变换相关操作技巧,需要的朋友可以参考下2018-04-04
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式2013-04-04
最新评论