Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript"> //<![CDATA[
/*********************************************************************
* Script contar caracteres restantes. Implementación:
* en el textarea onkeyup="cuentaChar('aaa','bbb',20);"
* donde, 'aaa' es el id del textarea
* 'bbb' el id del elemento que muestra el conteo
* y 20 (sin comillas), el máximo de caracteres permitidos
* en el elemento 'bbb' ingresar el número máximo.
*********************************************************************/
function cuentaChar(campo,contador,maximo){
var Eltexto = document.getElementById(campo);
if(Eltexto.value.length > maximo){
alert('Has superado los ' + maximo + ' caracteres permitidos');
document.getElementById(contador).innerHTML = '0';
Eltexto.value = Eltexto.value.substr(0,maximo);
Eltexto.focus();
return (false);
}else{
var numchar = maximo - Eltexto.value.length;
document.getElementById(contador).innerHTML = numchar;
}
}
//]]>
<textarea rows="10" cols="25" id="comentarios" onkeyup="cuentaChar('comentarios','cuenta',20);" onblur="cuentaChar('comentarios','cuenta',20);"></textarea> <span id="cuenta"><!-- cuenta --></span>
SAludos