代码之家 › 专栏 › 技术社区 › HotTester

如何在中显示多行文本框中剩余的字符数asp.net?

asp.net .net c#

1

HotTester · 技术社区 · 16 年前

我有一个只能包含500个字符的多行文本框。现在我想向用户显示在文本框中输入的字符数,就像我们使用twitter时一样。

3 回复 | 直到 16 年前

1

2

Kamran Khan 16 年前

看到了吗 ASP.NET Text Character Counter 罗斯·霍金斯。

2

0

Tamir 16 年前

你必须写一些js代码。

<html><form name="form1"><input type="text" name="textArea" size="400" onkeyup="document.form1.count_display.value=document.form1.textArea.value.length;"><br/><input type="text" name="count_display"></form></body></html>

3

0

Michael Ngugi M 12 年前

让我们首先创建一个多行文本框。

<asp:TextBox ID="textTextBox" Text='<%# Bind("Text") %>' runat="server" 
CssClass="text     smsTextBox" TextMode="MultiLine" Height="100px" 
MaxLength="500" >
</asp:TextBox>

<p>
   <span id="remaining" class="remaining">500 characters remaining</span> 
   <span id="messages" class="messages">1 message(s)</span>
</p>

每次加载文档时,脚本都会运行

<script type="text/javascript">
$(document).ready(function () {

    if (typeof $('.smsTextBox').val() !== "undefined") {
        var $remaining = $('.remaining'),
        $messages = $remaining.next();

        var chars = $('.smsTextBox').val().length,
            messages = Math.ceil(chars / 500),
            remaining = messages * 500 - (chars % (messages * 500) || messages * 500);

        $remaining.text(remaining + ' characters remaining');
        $messages.text(messages + ' message(s)');
    }

});

$(document).ready(function () {
    var $remaining = $('.remaining'),
        $messages = $remaining.next();

    $('.smsTextBox').keyup(function () {
        var chars = this.value.length,
            messages = Math.ceil(chars / 500),
            remaining = messages * 500 - (chars % (messages * 500) || messages * 500);

        $remaining.text(remaining + ' characters remaining');
        $messages.text(messages + ' message(s)');
    });
});

</script>

快乐编码:-D