您的位置：首页 > Web前端 > JavaScript

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

2014-09-29 12:25 381 查看

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

提示你，你输入的字数已经超过了限制了，同时呢文本框输入的多余的内容会被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" onkeyup="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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航