html:
<body onload="PageInit()">
最多輸入500字，目前已經輸入<span SPAN id="counter" style="COLOR:red;FONT-WEIGHT:bold">0</span>字
<asp:textbox id="txtF_Content" runat="server" MaxLength="25" CssClass="multieditbox" Width="95%"
TextMode="MultiLine" Height="72px" style="WORD-BREAK: break-all" onkeydown="countChar('txtF_Content','counter',500);"
onkeyup="countChar('txtF_Content','counter',500);"></asp:textbox>
</body>
js:
function countChar(textareaID,spanID,maxNum)
{
//得到輸入的字符的長度
var NowNum = document.getElementById(textareaID).value.length;
//判斷輸入的長度是否超過規定的長度
if(NowNum>maxNum)
{
//如果超過就截取規定長度的內容
document.getElementById(textareaID).value = document.getElementById(textareaID).value.substring(0,maxNum);
}
else
{
//得到當前的輸入長度並且顯示在頁面上
document.getElementById(spanID).innerHTML = NowNum;
}
}
//得到當前的輸入長度並且顯示在頁面上
function SetLength(textareaID,spanID)
{
var NowNum = document.getElementById(textareaID).value.length;
document.getElementById(spanID).innerHTML = NowNum;
}
function PageInit()
{
SetLength('txtF_Content','counter');
}
實現效果：
----------轉----------