jquery實(shí)現(xiàn)限制textarea輸入字?jǐn)?shù)的方法
更新時(shí)間：2017年09月06日 09:23:05 作者：一笑風(fēng)云
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)限制textarea輸入字?jǐn)?shù)的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
jquery怎么實(shí)現(xiàn)限制textarea輸入的字?jǐn)?shù)呢？有需要的朋友可以參考一下我寫(xiě)的例子，當(dāng)然如果有誤，也希望大家能及時(shí)指出來(lái)，大家共同學(xué)習(xí)進(jìn)步。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>textarea 限制字?jǐn)?shù)</title>
<style>
.container{
position: relative;
width: 730px;
}
.container span{
position: absolute;
bottom: 20px;
right: 30px;
}
</style>
</head>
<body>
<div class="container">
<textarea name="content" id="content" cols="100" rows="10"></textarea>
<span>0/10</span>
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>
$(function(){
/**
* textarea 限制輸入字?jǐn)?shù)
* @param string str 類(lèi)名或ID
* @param number num 限制輸入的字?jǐn)?shù)
*/
function limitImport(str,num){
$(document).on('input propertychange',str,function(){
var self = $(this);
var content = self.val();
if (content.length > num){
self.val(content.substring(0,num));
}
self.siblings('span').text(self.val().length+'/'+num);
});
}
//用法示例
limitImport('#content',10);
})
</script>
</body>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
- jQuery textarea的長(zhǎng)度進(jìn)行驗(yàn)證
- JQuery為textarea添加maxlength屬性的代碼
- jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
- textarea中的手動(dòng)換行處理的jquery代碼
- 使用jquery給input和textarea設(shè)定ie中的focus
- Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼
- jQuery替換textarea中換行的方法
- TextArea不支持maxlength的解決辦法(jquery)
- 基于jquery的textarea發(fā)布框限制文字字?jǐn)?shù)輸入(添加中文識(shí)別)
相關(guān)文章
jquery form表單提交插件asp.net后臺(tái)中文解碼
對(duì)于jquery form表單提交插件jquery.form.js，在提交表單數(shù)據(jù)時(shí)，如果表單數(shù)據(jù)有中文，則被提交的數(shù)據(jù)是要經(jīng)過(guò)編碼的。2010-06-06
jQuery實(shí)現(xiàn)鏈接的title快速出現(xiàn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鏈接的title快速出現(xiàn)的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-02-02
從今天起正式學(xué)習(xí)Jquery（實(shí)際嚴(yán)格講已經(jīng)用了幾個(gè)月的Jquery的一丁點(diǎn)東西），邊學(xué)邊做邊記筆記；閱讀書(shū)籍《鋒利的Jquery》+Jquery API Doc。2009-10-10
jquery實(shí)現(xiàn)html頁(yè)面先加載內(nèi)容過(guò)幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于jquery實(shí)現(xiàn)html頁(yè)面先加載內(nèi)容過(guò)幾秒后顯示數(shù)據(jù)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
本篇文章主要是對(duì)jQuery選擇器進(jìn)行了全面的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章給大家介紹了jquery自定義圖片上傳插件的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友一起看看吧2017-04-04
jQuery學(xué)習(xí)筆記之jQuery的DOM操作
jQuery學(xué)習(xí)筆記之jQuery的DOM操作實(shí)現(xiàn)方法， 學(xué)習(xí)jquery與dom操作的朋友可以參考下。2010-12-12
div拖動(dòng)效果想必大家都有見(jiàn)到過(guò)吧，實(shí)現(xiàn)的方法也是有很多的，下面為大家將介紹使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
這個(gè)方法把a(bǔ)jax方法封裝一下，方便調(diào)用2008-11-11
本篇文章主要介紹了Jquery操作radio的簡(jiǎn)單實(shí)例。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01