Tags:
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;
}
Soy
August 24th, 2009 at 9:32 am
esta solucion de limitar caracteres en textarea con javascript esta excelente… felicitaciones…..
October 7th, 2009 at 3:28 pm
Yo sugiero usar esta función en Javascript (para limitar cantidad de caracteres), que recibe como parametros: ‘id’ (id de la caja de texto o cualquier componente en el que se pueda escribir) y ‘max’ (cantidad máxima de caracteres).
Este el código de la funcion:
function limitarCajaTexto(max, id){
if(max < document.getElementById(id).value.length )
document.getElementById(id).value = document.getElementById(id).value.substr(0, max);
}
Para aplicar al ejemplo seria de la siguiente manera:
Limitado a 25 caracteres
Espero les sirva.
January 11th, 2010 at 3:03 pm
Muy bueno, exactamente lo que buscaba…
May 3rd, 2010 at 1:37 am
CODIKAZO CARNAL, DE LUJO