<!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/200</span>
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>
$(function(){
/**
* textarea 限制輸入字?jǐn)?shù)
* @param string str 類名或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',200);
})
</script>
</body>
</html>
限制textarea輸入框可輸入的字?jǐn)?shù)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門哲嘲，熙熙樓的掌柜王于貴愁眉苦臉地迎上來贪薪，“玉大人，你說我怎么就攤上這事眠副』校” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵囱怕，是天一觀的道長(zhǎng)霍弹。 經(jīng)常有香客問我毫别，道長(zhǎng)，這世上最難降的妖魔是什么庞萍？ 我笑而不...
- 正文 為了忘掉前任拧烦，我火速辦了婚禮，結(jié)果婚禮上钝计，老公的妹妹穿的比我還像新娘恋博。我一直安慰自己，他們只是感情好私恬，可當(dāng)我...
- 文/花漫 我一把揭開白布债沮。 她就那樣靜靜地躺著，像睡著了一般本鸣。 火紅的嫁衣襯著肌膚如雪疫衩。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼近顷，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來了宁否？” 一聲冷哼從身側(cè)響起窒升，我...
- 序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎慕匠，沒想到半個(gè)月后饱须，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡台谊，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年冤寿，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片青伤。...
- 正文 年R本政府宣布丰歌，位于F島的核電站姨蟋，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏立帖。R本人自食惡果不足惜眼溶，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望晓勇。 院中可真熱鬧堂飞，春花似錦、人聲如沸绑咱。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽描融。三九已至铝噩，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間窿克，已是汗流浹背骏庸。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像谋右，于是被迫代替她去往敵國(guó)和親硬猫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- CWLineTextField (輸入框DIY)帶下劃線樣式,帶間距,帶字?jǐn)?shù)限制的明文輸入框 效果圖 版本記錄 使...
- 原理是通過截取輸入的字符串來限制輸入的字?jǐn)?shù) 并進(jìn)行友好提示 一行代碼搞定
- 代碼未上衬横，效果先行 當(dāng)然，底部的按鈕是可以靈活配置的终蒂，最多三個(gè)（左邊一個(gè)蜂林，右邊兩個(gè)） how to use 最后看...
- 需求：Web前端文本框(textarea)限制字?jǐn)?shù)并顯示當(dāng)前輸入字?jǐn)?shù) 方法：1.利用web文本框自帶maxleng...
- 被我爸騙去釣鱔魚霉翔，一整天在那曬太陽睁蕾，感覺生無可戀。。子眶。 還好傍晚氣溫降下來了瀑凝，景色還棒棒噠。 可就在我拍的起勁的時(shí)...
