Try the code below
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="jquery.jqEasyCharCounter.min.js" type="text/javascript"></script>
<script type="text/javascript">
var brief = document.getElementById('<%=text1.ClientID %>');
$(document).ready(function () {
$('#text1').jqEasyCounter({
'maxChars': 65,
'maxCharsWarning': 60,
'msgFontSize': '12px',
'msgFontColor': '#000',
'msgFontFamily': 'Verdana',
'msgTextAlign': 'left',
'msgWarningColor': '#F00',
'msgAppendMethod': 'insertBefore'
});
});
</script>
following is the code for jquery.jqEasyCharCounter.min.js
(function(a){a.fn.extend({jqEasyCounter:function(b){return this.each(function(){var f=a(this),e=a.extend({maxChars:100,maxCharsWarning:80,msgFontSize:"12px",msgFontColor:"#000000",msgFontFamily:"Arial",msgTextAlign:"right",msgWarningColor:"#F00",msgAppendMethod:"insertAfter"},b);if(e.maxChars<=0){return}var d=a('<div class="jqEasyCounterMsg"> </div>');var c={"font-size":e.msgFontSize,"font-family":e.msgFontFamily,color:e.msgFontColor,"text-align":e.msgTextAlign,width:f.width(),opacity:0};d.css(c);d[e.msgAppendMethod](f);f.bind("keydown keyup keypress",g).bind("focus paste",function(){setTimeout(g,10)}).bind("blur",function(){d.stop().fadeTo("fast",0);return false});function g(){var i=f.val(),h=i.length;if(h>=e.maxChars){i=i.substring(0,e.maxChars)}if(h>e.maxChars){var j=f.scrollTop();f.val(i.substring(0,e.maxChars));f.scrollTop(j)}if(h>=e.maxCharsWarning){d.css({color:e.msgWarningColor})}else{d.css({color:e.msgFontColor})}d.html("Characters: "+f.val().length+"/"+e.maxChars);d.stop().fadeTo("fast",1)}})}})})(jQuery);
The above code snippets are working for me.