修改textbox内容时，label实时显示字数，并限制textbox总字数

最新推荐文章于 2021-10-11 07:45:00 发布

原创最新推荐文章于 2021-10-11 07:45:00 发布 · 712 阅读

1 ·

CC 4.0 BY-SA版权

C# 专栏收录该内容

11 篇文章

订阅专栏

该博客介绍了如何在ASPX页面上实现TextBox内容修改时，通过Label实时显示输入字数，并设置总字数限制的功能。详细讨论了相关前端和后端的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

aspx页面

。。。。。。。。。。。。。

<script type="text/javascript">
        function SetLabel() {
            var len = Object.keys($('#<%=TextBox_UpdateFaultDesc.ClientID %>').val()).length;
            var val = $('#<%=TextBox_UpdateFaultDesc.ClientID %>').val();
            if (len > 140) {
                document.getElementById("TextBox_UpdateFaultDesc").value = val.substr(0, 140);
            }
            document.getElementById("textLength").innerHTML = "最多输入140字， 当前 " + Object.keys($('#<%=TextBox_UpdateFaultDesc.ClientID %>').val()).length + " 字";
        }
    </script>

。。。。。。。。。。。。。

<tr>
                        <td colspan="6">
                            <asp:TextBox ID="TextBox_UpdateFaultDesc" runat="server" Width="70%" Height="60px" SkinID="BlueCommonTextBox" TextMode="MultiLine" oninput="SetLabel()"></asp:TextBox>
                        </td>

                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="6">
                            <asp:Label ID="textLength" runat="server" Text=" 最多输入140字， 当前 0 字"></asp:Label>
                            

                        </td>

                        <td></td>
                    </tr>