In this asp.net post i will show you how to count the remaining character in textbox control using javaScript in asp.net.
First design asp.net web forms with one textbox control and a Label Control.
Here, we can see the remaining character while we write text in textbox control, we use javaScript for count the remaining character.
Here, we call the javascript function on onkeyup textbox events.
First set the textbox MaxLength=15 and call javascript function on onkeyup=”cnt()”.
below is the design of asp.net web forms:
<asp:TextBox ID="TextBox1" runat="server" onkeyup="cnt()" Width="196px" MaxLength="15"></asp:TextBox> <asp:Label ID="Label1" runat="server" Text="15"></asp:Label>
Here is the JavaScript function for count remaining character:
<head runat="server"> <script type="text/javascript"> function cnt() { var a = document.getElementById("TextBox1").value; document.getElementById("Label1").innerHTML = 15 - a.length; } </script> </head>
The output of count remaining character in textbox using javascript :
– above screen shows the total length of textbox is 15. when we write text into textbox the count automatically decreases according to length of textbox text.
– in above forms we write “meera” the 5 character then the count shows the 10 character is remaining in textbox control.