jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
更新時(shí)間：2015年05月28日 09:18:20 作者：不吃皮蛋
這篇文章主要介紹了jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法,涉及jQuery鍵盤(pán)事件及頁(yè)面元素的相關(guān)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
(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);
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于jquery完美拖拽，可返回拖動(dòng)軌跡 用JQ實(shí)現(xiàn)，話不多說(shuō)，直接上碼2012-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)全選、反選和不選功能 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
今天剛剛把jquery的插件制作學(xué)習(xí)了一下，總結(jié)一下別人寫(xiě)的和自己的心得，方便其他初學(xué)者的學(xué)習(xí)，考慮到要學(xué)習(xí)jquery插件制作的人一定知道jquery插件的好處和通用性，這里就不多說(shuō)2012-02-02
JQuery中clone方法復(fù)制節(jié)點(diǎn)
這篇文章主要介紹了JQuery中clone方法復(fù)制節(jié)點(diǎn),實(shí)例分析了clone方法淺克隆與深克隆的使用方法,需要的朋友可以參考下2015-05-05
jQuery Mobile開(kāi)發(fā)中日期插件Mobiscroll使用說(shuō)明
這篇文章主要介紹了jQuery Mobile開(kāi)發(fā)中日期插件Mobiscroll使用說(shuō)明,需要的朋友可以參考下2016-03-03
淺談jquery.form.js的ajaxSubmit和ajaxForm的使用
下面小編就為大家?guī)?lái)一篇淺談jquery.form.js的ajaxSubmit和ajaxForm的使用。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
jQuery UI是一套非常好用的jQuery Tools庫(kù)，目前已經(jīng)發(fā)布的最新版本是1.8.4。在我自己的使用過(guò)程中，總有一些不爽。因?yàn)槲蚁螺d的那個(gè)包里默認(rèn)的主題樣式是下圖這樣的，使用起來(lái)很難和具體的網(wǎng)頁(yè)風(fēng)格去配合。2010-09-09
淺析jquery數(shù)組刪除指定元素的方法:grep()
下面小編就為大家?guī)?lái)一篇淺析jquery數(shù)組刪除指定元素的方法:grep()。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery實(shí)現(xiàn)的點(diǎn)擊標(biāo)題文字切換字體效果示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊標(biāo)題文字切換字體效果,涉及jQuery基于事件響應(yīng)實(shí)現(xiàn)頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
jquery獲取自定義屬性(attr和prop)實(shí)例介紹
jquery中用attr()方法來(lái)獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫(xiě)，在jQuery DOM操作中會(huì)經(jīng)常用到attr()，attr()有4個(gè)表達(dá)式2013-04-04