Esta función limitara y bloqueara automáticamente la escritura dentro de un textarea.
Primero pondremos dentro del body el textarea mas un etiqueta span con un id.
<textarea
id="texto"
name="texto"
onkeypress=" return limita(this, event,100)"
onkeyup="cuenta(this, event,100,'contador')" >
</textarea>
<span id="contador"></span>
Ahora estas funciones se encargaran de limitar la escritura y actualizar el span con el numero de caracteres faltantes para bloquearse.
function limita(obj,elEvento, maxi)
{
var elem = obj;
var evento = elEvento || window.event;
var cod = evento.charCode || evento.keyCode;
// 37 izquierda
// 38 arriba
// 39 derecha
// 40 abajo
// 8 backspace
// 46 suprimir
if(cod == 37 || cod == 38 || cod == 39
|| cod == 40 || cod == 8 || cod == 46)
{
return true;
}
if(elem.value.length < maxi )
{
return true;
}
return false;
}
function cuenta(obj,evento,maxi,div)
{
var elem = obj.value;
var info = document.getElementById(div);
info.innerHTML = maxi-elem.length;
}

Comentarios