A função java-script abaixo efetua a contagem de caracteres de um campo textarea (poderia ser um input text, ok?).
function contador(evt){ //tratamento event p/ diversos browsers evt = evt || window.event; var targ = evt.target || evt.srcElement; if (targ.nodeType == 3) // defeat Safari bug targ = targ.parentNode //##end event //antigo codigo //document.forms[0].caracteres.value=document.forms[0].texto.value.length //[update] novo - sugestão no comments - Dicas de Excel //agora está generico. ser houver mais de um textarea, o js atende. document.forms[0].caracteres.value=targ.value.length }
A função contador() é acionada pelos eventos onkeydown onkeyup do campo “texto” do form.
<!--antigo <TEXTAREA onkeydown=contador() onkeyup=contador() name=texto></TEXTAREA> --> <!--[update] novo - sugestão no comments - Dicas de Excel--> <TEXTAREA onkeydown=contador(event) onkeyup=contador(event) name=texto></TEXTAREA>
Desta forma, capturamos o tamanho da string informada pela propriedade value.length. e atribuímos o tamanho no campo input pra exibir para o usuário.
Veja o exemplo rodando em ContadorDeCaracteres.htm