Arquivo da tag: Quantidade de Letras

Exemplo de javascript contador de caracteres

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

7 Comentários

Arquivado em Browser, HTML, JavaScript/Afins