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;
}