html:
<body οnlοad="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" οnkeydοwn="countChar('txtF_Content','counter',500);"
οnkeyup="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');
}
实现效果:
----------转----------