NETITC
 


>> Navegação >> Tópico >> SubTópico
NomeTítulo Tópicos
Mauricio Junior
Dúvida iniciada: 12/1/2006 10:49:18 AM

Contador de caracteres ?


Dúvida:  ola pessoal, gostaria de saber, como criar uma função que informe ao usuário instantaneamente quantos caracteres estão sendo digitados em um textbox.

Obs: só consigo fazer com o evento click de um buttom. e visualizar o resultado depois.

Toda ajuda será bem vinda!




Respostas Data Resposta: 12/1/2006 10:48:54 AM
Mauricio Junior Já é criado um text neste código e ao chegar no valor zero, exibe uma mensagem para o usuário.

< script language="JavaScript" >
function Contar(Campo){
document.getElementById("Qtd").innerText = 250-Campo.value.length
if((250-Campo.value.length)==0)
alert('Atenção, você atingiu o limite máximo de caracteres!');
}
< / script >

< div id="Qtd" >250< / div >
< textarea onKeyUp="Contar(this)" >< / textarea >
Respostas Data Resposta: 12/1/2006 10:49:18 AM
Mauricio Junior Para fazer o contador no lado cliente em um TextBox eu ainda preciso pesquisar mais um pouco, mas se ajudar, eis um código javascript para o contador de um TextArea:

< script language="javascript" >
function counterUpdate(opt_countedTextBox, opt_countBody, opt_maxSize) {
var countedTextBox = opt_countedTextBox ?
opt_countedTextBox : "countedTextBox";
var countBody = opt_countBody ? opt_countBody : "countBody";
var maxSize = opt_maxSize ? opt_maxSize : 1024;

var field = document.getElementById(countedTextBox);
if (field && field.value.length >= maxSize) {
field.value = field.value.substring(0, maxSize);
}
var txtField = document.getElementById(countBody);
if (txtField) {
txtField.innerHTML = field.value.length;
}
}
< / script >

Para chamar a função, adicione o evento onkeyup do TextArea desse modo:

onkeyup="counterUpdate('seuTextArea', 'labelParaMostrar', 1024);"

Sendo 'seuTextArea' o ID do próprio TextArea que chama o evento, 'labelParaMostrar' é o ID de um label ASP.NET comum e 1024 é o tamanho máximo do campo. A função foi retirada em um dos códigos javascript do Orkut: http://www.orkut.com/edenjs009.js

Espero ter ajudado.