Contar letras restantes em TextBox

<< Click to Display Table of Contents >>

Navigation:  Miscelânea >

Contar letras restantes em TextBox

Previous pageReturn to chapter overviewNext page

Você tem um TextBox e quer mostrar "X caracteres restantes".

Basta criar um JavaScript para contar

 

Default.aspx

 

<script type="text/javascript">

      function contaLetras() {

 

          var maxlimit = 10000;

          // pega o label

          var label = document.getElementById('<%=lblRestantes.ClientID %>');

          // paga a textbox

          var textbox = document.getElementById('<%=txtDetalhes.ClientID %>');

 

          // passou do limite?

          if (textbox.value.length > maxlimit)

              // trim!

               textbox.value = textbox.value.substring(0, maxlimit);

          else // conta

               label.innerText = (maxlimit - textbox.value.length) + " caracteres restantes";

       }

</script>

 

 

<asp:TextBox ID="txtDetalhes" runat="server" TextMode="MultiLine" onKeyDown="contaLetras();" onKeyUp="contaLetras();"></asp:TextBox>

 

<asp:Label ID="lblRestantes" runat="server" Text="10000 caracteres restantes"></asp:Label>