jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法
更新時(shí)間：2015年05月28日 09:18:20 作者：不吃皮蛋
這篇文章主要介紹了jQuery實(shí)現(xiàn)限制textarea文本框輸入字符數(shù)量的方法,涉及jQuery鍵盤事件及頁面元素的相關(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);
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery表單驗(yàn)證需要做些什么，大家知道嗎？其實(shí)很簡單只要做四件事情就可以順利完成表單驗(yàn)證，想知道哪四件事情嗎，請仔細(xì)閱讀下文。2015-11-11
easy-ajax是為了治理前端亂寫Ajax方法而生。接下來通過本文給大家介紹JQuery 封裝 Ajax 常用方法，需要的朋友參考下2017-05-05
這篇文章主要介紹了jQuery操作cookie的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
擴(kuò)展對input的一些方法(練習(xí)jQuery插件)2009-10-10
這篇文章主要介紹了jQuery判斷checkbox是否選中的3種方法,本文中的方法使用ID選擇器實(shí)現(xiàn),比網(wǎng)上其它的一些長篇大論的文章更加簡練,需要的朋友可以參考下2014-08-08
本文給大家分享的是個(gè)人封裝的tab選項(xiàng)卡特效的插件，十分的簡單實(shí)用，附上用法和示例，有需要的小伙伴可以參考下。2015-06-06
jQuery插件Validate實(shí)現(xiàn)自定義校驗(yàn)結(jié)果樣式
這篇文章主要介紹了jQuery插件Validate實(shí)現(xiàn)自定義校驗(yàn)結(jié)果樣式的方法，感興趣的小伙伴們可以參考一下2016-01-01
JQuery中的html()、text()、val()區(qū)別示例介紹
這篇文章主要介紹了JQuery中的html()、text()、val()的區(qū)別,需要的朋友可以參考下2014-09-09
jquery中實(shí)現(xiàn)標(biāo)簽切換效果的代碼
現(xiàn)在比較流行jquery插件，所以既然用了jquery那么就要用好，也不用大量的寫代碼了。2011-03-03
jquery插件jSignature實(shí)現(xiàn)手動(dòng)簽名
在IE7~IE8這種不支持HTML5的瀏覽器上，是利用Flash嵌入的方式實(shí)現(xiàn)的簽名處理，在支持的HTML5的瀏覽器上默認(rèn)采用canvas標(biāo)簽處理簽名，可以生成 PNG格式、SVG格式的簽名圖片。非常適合在IPAD等移動(dòng)客戶端上實(shí)現(xiàn)手寫簽名的，該插件基于JQuery2015-05-05