首頁 > web前端 > js教程 > jquery實作textarea輸入字元控制(仿微博輸入控製字元)_jquery

jquery實作textarea輸入字元控制(仿微博輸入控製字元)_jquery

WBOY
發布: 2016-05-16 17:35:06
原創
1038 人瀏覽過

效果圖如下:
jquery實作textarea輸入字元控制(仿微博輸入控製字元)_jquery
JQUERY 程式碼:

複製程式碼 程式碼>
var text=$(".release textarea").val();//取得輸入框的值
var counter=text.length; //取得輸入框的值
$(" #numtj em").text(500-counter);
$(document).keyup(function() {
var text=$(".release textarea").val();
var counter=text.length;
$("#numtj em").text(500-counter);
if(counter>500){ //如果字數大於500
$(".public" ).addClass("public01").attr("disabled","true") //發佈按鈕停用
}
else{
$(".public").removeClass("public01") .removeAttr("disabled") //發布按鈕啟用
}
});


字數的樣式:


複製程式碼 程式碼如下:
#numtj em {
font-weight: 700;
font-size: 22px;
font-size style: italic;
font-family: Constantia, Georgia;
color:#C00;
}

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板