TEDnología, Noticias sobre tecnologia, Tips web, Gadgets, Redes Sociales

Limitar caracteres en textarea con javascript

| 5 Comments

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;
}

Recursos

También te puede interesar

Comentarios