js获取及控制文本框的字符长度

最新推荐文章于 2022-09-28 11:36:16 发布

weixin_30808253

最新推荐文章于 2022-09-28 11:36:16 发布

阅读量599

点赞数

原文链接：http://www.cnblogs.com/cainiaoyu/archive/2013/01/18/2866337.html

版权

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');
}
实现效果：

----------转----------

转载于:https://www.cnblogs.com/cainiaoyu/archive/2013/01/18/2866337.html

weixin_30808253

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js获取及控制文本框的字符长度

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" C...
复制链接

扫一扫