JS计算文本框输入的字数,并限制内容为规定的字数

最新推荐文章于 2023-07-19 14:21:48 发布

不懂还是不懂

最新推荐文章于 2023-07-19 14:21:48 发布

阅读量4k

点赞数

文章标签： javascript

随着输入的字数的增多，剩余的字数会动态相应的减少，当输入的字数超过限制的时候,会弹出相应的alert提示。

JS计算文本框输入的字数,并限制内容为规定的字数

提示你，你输入的字数已经超过了限制了，同时呢文本框输入的多余的内容会被js截取掉，只剩下规定的字数了。

代码如下：

主要用的事件是：

onkeyup:事件会在键盘按键被松开时发生

还有一个对应的事件是：

onkeydown：当按下一个键盘按键时触发事件

这是应用到asp.net的 TextBox控件多行文本域的情况：

<body>
    <form id="form1" runat="server">
    <div>

        <br />
        <asp:TextBox ID="TextBox1" runat="server" Height="121px" TextMode="MultiLine"
            Width="317px" οnkeyup="checkLength(this);"></asp:TextBox>
 
        限制字数为：10 剩余字数：<span id="sy" style="color:Red;">10</span>

    </div>
    </form>
</body>
</html>
<script type="text/javascript">
function checkLength(which) {
    var maxChars = 10; //
    if (which.value.length > maxChars)
    {
        alert("您出入的字数超多限制!");
        // 超过限制的字数了就将文本框中的内容按规定的字数截取
        which.value = which.value.substring(0,maxChars);
        return false;
    }
    else
    {
        var curr = maxChars - which.value.length; //250 减去当前输入的
        document.getElementByIdx_x("sy").innerHTML = curr.toString();
        return true;
    }
}
</script>

不懂还是不懂

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS计算文本框输入的字数,并限制内容为规定的字数

随着输入的字数的增多，剩余的字数会动态相应的减少，当输入的字数超过限制的时候,会弹出相应的alert提示。提示你，你输入的字数已经超过了限制了，同时呢文本框输入的多余的内容会被js截取掉，只剩下规定的字数了。代码如下：主要用的事件是：onkeyup:事件会在键盘按键被松开时发生还有一个对应的事件是：onkeydown：当按下一个键盘按键时触
复制链接

扫一扫