caracteres maximos y recuento en textarea

fmiguelcapel · #1 (**permalink**) 08/01/2013, 14:34

hola, me pueden decir en javascript como limitar numero caracteres y que en todo momento se cuenten los caracteres introducidos? saludos...

IsaBelM · #2 (**permalink**) 08/01/2013, 14:47

así

Cita:

function fnc(tarea) {
document.getElementById('c').innerHTML = tarea.value.length;
}

<textarea id="t" onkeyup="fnc(this);" maxlength="200"></textarea>
<span id="c">0</span> de 200

con el atributo maxlength se controla el máximo de caracteres que se pueden escribir

fmiguelcapel · #3 (**permalink**) 08/01/2013, 16:00

funciona bien en firefox pero no en explorer...
habria alguna manera de que internet explorer reconociera la funcion?

fmiguelcapel · #4 (**permalink**) 09/01/2013, 12:55

ya lo solucioné mediante estas dos funciones, saludos...

/*introduce el maximo de caracteres indicado mediante el evento onfocus*/
function caracteres(maximo){
var palabras = document.getElementById("mensaje");
if(palabras.value.length >= maximo){
return false
}
else{return true}
}
/*cuenta los caracteres introducidos hasta los 80 indicado mediante el evento onkeyup*/
function contar(maximo) {
document.getElementById("contador").innerHTML = maximo.value.length;
}

IsaBelM · #5 (**permalink**) 09/01/2013, 16:37

no sabía que el atributo maxlength para textarea era html5 y no es soportado por ie ni opera

edito

dejo otra manera de hacerlo con una función y un evento. en este caso es ayudandonos del objeto event

Cita:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
function fnc(evt, txtarea, max) {
var key = (evt.keyCode) ? evt.keyCode : evt.charCode;
var unidad = (key == 8) ? -1 : 1, cantidad = parseInt(txtarea.length + unidad);
if (cantidad > max || cantidad < 0) {return false;}
document.getElementById('c').innerHTML = cantidad;
}
</script>
</head>
<body>
<form>
<textarea id="t" onkeydown="return contCaracteres(event, this.value, 10);"></textarea>
<span id="c">0</span> de 200
</form>
</body>
</html>