Character Counter for Multiline Textbox

Posted on 2004-10-06
Medium Priority
Last Modified: 2013-12-03
Does anyone know how to modify the javascript below in order for this character counter to work with a multiline textbox rather than a textarea?

This is the control I want to use:

<asp:TextBox id="Description2" runat="server" Height="136px" Width="352px" TextMode="MultiLine"

This is the script and html that is working:


<script language="Javascript">

function taLimit() {
      var taObj=event.srcElement;
      if (taObj.value.length==taObj.maxLength*1) return false;

function taCount(visCnt) {
      var taObj=event.srcElement;
      if (taObj.value.length>taObj.maxLength*1) taObj.value=taObj.value.substring(0,taObj.maxLength*1);
      if (visCnt) visCnt.innerText=taObj.maxLength-taObj.value.length;

<form id="Form1" method="post" runat="server">
                            <font>Maximum Number of characters for this text box is 255.<br>
                                     <TEXTAREA runat="server" onkeypress="return taLimit()" onkeyup="return taCount                     (myCounter)"  name="Description" rows="7" wrap="physical" cols="40" maxLength="255"></TEXTAREA>
                        You have <B><SPAN id="myCounter">255</SPAN></B> characters remaining for your description...</font>

Question by:Gezna
LVL 29

Accepted Solution

David H.H.Lee earned 2000 total points
ID: 12238493
Gezna ,
For your information, the MaxLength property has no effect in a multi-line textbox. This property only work at SingleLine/Password Mode.
However, you can make this modification to adapt with your existing code :

   Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        'Put user code to initialize the page here
        Description2.Attributes.Add("onkeypress", "javascript:return taLimit2('" & Description2.MaxLength & "');")
        Description2.Attributes.Add("onkeyup", "javascript:return taCount2(myCounter,'" & Description2.MaxLength & "');")
    End Sub

function taLimit2(maxValue) {
     var taObj=event.srcElement;
     if (taObj.value.length==maxValue*1) return false;

function taCount2(visCnt,maxValue) {
     var taObj=event.srcElement;
     if (taObj.value.length>maxValue*1) taObj.value=taObj.value.substring(0,maxValue*1);
     if (visCnt) visCnt.innerText=maxValue-taObj.value.length;

You can check this link if you interest :

LVL 28

Expert Comment

ID: 12238542

just an addition, the multiline asp:textbox control is rendered as textarea in html


Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Hello there! As a developer I have modified and refactored the unit tests which was written by fellow developers in the past. On the course, I have gone through various misconceptions and technical challenges when it comes to implementation. I would…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…

607 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question