jQuery計算textarea中文字?jǐn)?shù)(剩余個數(shù))的小程序
更新時間:2013年11月28日 10:59:04 作者:
這篇文章主要介紹了jQuery計算textarea中文字?jǐn)?shù)(剩余個數(shù))的示例程序,大家參考使用吧
復(fù)制代碼 代碼如下:
<div class="area">
<p>
還可以輸入<b class="num">140</b>字</p>
<textarea class="chackTextarea"></textarea>
</div>
<script type="text/javascript">
var txtobj = {
divName: "area", //外層容器的class
textareaName: "chackTextarea", //textarea的class
numName: "num", //數(shù)字的class
num: 140 //數(shù)字的最大數(shù)目
}
var textareaFn = function () {
//定義變量
var $onthis; //指向當(dāng)前
var $divname = txtobj.divName; //外層容器的class
var $textareaName = txtobj.textareaName; //textarea的class
var $numName = txtobj.numName; //數(shù)字的class
var $num = txtobj.num; //數(shù)字的最大數(shù)目
function isChinese(str) { //判斷是不是中文
var reCh = /[u00-uff]/;
return !reCh.test(str);
}
function numChange() {
var strlen = 0; //初始定義長度為0
var txtval = $.trim($onthis.val());
for (var i = 0; i < txtval.length; i++) {
if (isChinese(txtval.charAt(i)) == true) {
strlen = strlen + 2; //中文為2個字符
} else {
strlen = strlen + 1; //英文一個字符
}
}
strlen = Math.ceil(strlen / 2); //中英文相加除2取整數(shù)
if ($num - strlen < 0) {
$par.html("超出 <b style='color:red;font-weight:lighter' class=" + $numName + ">" + Math.abs($num - strlen) + "</b> 字"); //超出的樣式
}
else {
$par.html("還可以輸入 <b class=" + $numName + ">" + ($num - strlen) + "</b> 字"); //正常時候
}
$b.html($num - strlen);
}
$("." + $textareaName).live("focus", function () {
$b = $(this).parents("." + $divname).find("." + $numName); //獲取當(dāng)前的數(shù)字
$par = $b.parent();
$onthis = $(this); //獲取當(dāng)前的textarea
var setNum = setInterval(numChange, 500);
});
}
textareaFn();
</script>
相關(guān)文章
jQuery如何實現(xiàn)點擊頁面獲得當(dāng)前點擊元素的id或其他信息
點擊頁面獲得當(dāng)前點擊元素的id或者其他信息,使用jquery可以輕松做到這一點,下面有個不錯的示例,希望對大家有所幫助2014-01-01jquery實現(xiàn)垂直手風(fēng)琴導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)垂直手風(fēng)琴導(dǎo)航欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02基于jquery的兼容各種瀏覽器的iframe自適應(yīng)高度的腳本
在網(wǎng)上找了很多的iframe自適應(yīng)高度的腳本,對瀏覽的的兼容性都不好。所以就想利用jquery強大的兼容性,寫一個iframe自適應(yīng)高度的腳本。2010-08-08用JQuery調(diào)用Session的實現(xiàn)代碼
用JQuery調(diào)用Session的實現(xiàn)代碼,需要的朋友可以參考下。2010-10-10輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實現(xiàn)樹形網(wǎng)絡(luò)基本操作(2)
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI,針對EasyUI實現(xiàn)樹形網(wǎng)絡(luò)基本操作,分為三大方面:動態(tài)加載、添加分頁、以及惰性加載節(jié)點,感興趣的小伙伴們可以參考一下2015-11-11