動的文字カウンタ - 何も表示されていないラベル

Question

テキストボックスからtext.lengthを表示する動的文字カウンタを作成しようとしています。私はtextchangedを使用しようとしていますが、私のラベルに値が全く表示されないので、私は作品が欠けていると思います。

ASP

<tr> 
    <td style="vertical-align: middle"> 
     Note to Buyer: 
    </td> 
    <td> 
     <asp:TextBox ID="txtNoteToBuyer" runat="server" Height="150px" MaxLength="425" TextMode="MultiLine" Width="400px"></asp:TextBox> 
    </td> 
    <td>  
     <asp:Label ID="lblCharacterCount" runat="server"></asp:Label> 
    </td> 
</tr> 

VB

Protected Sub txtNoteToBuyer_TextChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles txtNoteToBuyer.TextChanged 
    lblCharacterCount.Text = Len(txtNoteToBuyer.Text) 
End Sub 

Answer 1

オッズあなたのイベントが発火されていないです。テキストボックスのAutoPostBackプロパティをtrueに設定する必要があります。

<asp:TextBox ID="txtNoteToBuyer" runat="server" Height="150px" MaxLength="425" TextMode="MultiLine" 
         Width="400px" AutoPostBack="True"></asp:TextBox> 

しかし、これはおそらく応答が遅くなります。 JavaScriptを使用して、ポストバックを要求する代わりに、フロントエンドのカウントを動的に更新することをお勧めします。

これを行うには、テキストボックスにOnKeyUp="updateCount();"を追加し、ページにカウントを更新するスクリプトを追加する必要があります。