<td width="176" align="left" valign="middle"><span class="style3">*</span><strong>Kullanıcı Adı :</strong></td>
<td width="305" align="left"><input id="username" name="username" type="text" maxlength="35" class="i" /><div id="durum"></div></td>

şu şekilde dener misin? maxlength alanına istediğin harf kadar sınır koyabilirsin. Fakat kalan harf sayısını yazdırmak için jquery başvurmak lazım.

Textarea için şöyle bir kod var bunu biraz kurcala istersen.

 <script type="text/javascript" src="http://www.google.com/jsapi"></script>  
      
    <script type="text/javascript" language="javascript">  
    google.load("jquery", "1.4.2");  
      
    var characterLimit = 150;
      
    google.setOnLoadCallback(function(){  
          
        $('#remainingCharacters').html(characterLimit);  
          
        $('#myTextarea').bind('keyup', function(){  
            var charactersUsed = $(this).val().length;  
              
            if(charactersUsed > characterLimit){  
                charactersUsed = characterLimit;  
                $(this).val($(this).val().substr(0, characterLimit));  
                $(this).scrollTop($(this)[0].scrollHeight);  
            }  
              
            var charactersRemaining = characterLimit - charactersUsed;  
              
            $('#remainingCharacters').html(charactersRemaining);  
        });  
    });  
    </script>

var characterLimit = 150; alanındaki sayısı kendine göre düzenleyebilirsin.

    <textarea id="myTextarea"></textarea>  
    <p><span id="remainingCharacters"></span> karakter daha girebilrsiniz...</p>