Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu sei que não é interessante ficar reinventando a roda, mas...
Exemplo de Utilização
<textarea name="dsHistorico" id="dsHistorico" onkeyup="exibeLimite(this, 10, true)"></textarea>
<span id="__dsHistorico"></span>
Reparem que o id do span é o mesmo do textarea exceto "__"
O exemplo utiliza um TEXTAREA, mas tbm pode ser utilizado em INPUTs (text)
O terceiro parâmetro bloqueia ou não
Função
// Evento: onkeyup
// Exemplo: onkeyup="exibeLimite(this, 10, true);
function exibeLimite(obj, intLimite, flBloq){
//AUTOR: Thiago Cantanhede Serra Ventura
//http://twitter.com/serraventura
var objExibe = document.getElementById('__'+obj.id);
if(obj.onkeyup == null){
alert('Utilize a contagem com o evento onkeyup');
return;
}
objExibe.innerHTML = obj.value.length;
if(obj.value.length > intLimite){
objExibe.style.color = 'red';
objExibe.innerHTML = objExibe.innerHTML + ' Limite de '+intLimite+' Caracteres Ultrapassado.'
}else{
objExibe.style.color = '';
}
if(flBloq){
if(obj.value.length > intLimite){
obj.value = obj.value.substr(0, intLimite);
objExibe.innerHTML = 'Limite de '+intLimite+' Caracteres Ultrapassado.'
}
}
}
abçs
Carregando comentários...