charcount.js

<script type="text/javascript">
// fieldname, warningname, remainingname, maxchars
function CheckFieldLength(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
     {
       fn.value = fn.value.substring(0, mc);
       len = mc;
       
    }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}
   
   
function CheckFieldLength1(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
      {
        fn.value = fn.value.substring(0, mc);
        len = mc;
      }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}


function CheckFieldLength2(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
      {
        fn.value = fn.value.substring(0, mc);
        len = mc;
      }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}


function CheckFieldLength3(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
      {
        fn.value = fn.value.substring(0, mc);
        len = mc;
      }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}


function CheckFieldLength4(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
      {
        fn.value = fn.value.substring(0, mc);
        len = mc;
      }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}


function CheckFieldLength5(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
      {
        fn.value = fn.value.substring(0, mc);
        len = mc;
      }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}


function CheckFieldLength6(fn, wn, rn, mc, ms)
  {
    var len = fn.value.length;
    if (len > mc)
      {
        fn.value = fn.value.substring(0, mc);
        len = mc;
      }
    var msg = len / 160 ;
    var msg1 = Math.ceil(msg);
    document.getElementById(wn).innerHTML = len;
    document.getElementById(rn).innerHTML = mc - len;
    document.getElementById(ms).innerHTML = msg1 ;
}
</script>

Index.html

<script type="text/javascript" src="charcount.js">
<table border="0" cellpadding="0" cellspacing="0">
      <tr><td colspan="2" align="left" valign="top" class="text">About Me</td></tr>
      <tr>
      <td valign="top" align="left" colspan="2" class="TextGrey">
      <textarea rows="5" cols="100" name="AboutMe" id="taMessage24" wrap="virtual" onkeyup="CheckFieldLength4(taMessage24, 'charcount24', 'remaining24', 1000, 'message2');" onmouseout="CheckFieldLength4(taMessage24, 'charcount24', 'remaininge', 1000, 'message2');" class="Text" size="22"></textarea>
      <br>
      <span id="charcount24">0</span> characters entered. | <span id="remaining24">1000</span> characters remaining.
      </td>
      </tr>
</table>