hola que tal?
tengo un problema con un textarea con el que con jquery le he hecho un contador, el contador al llegar a 0 deberia de no dejar introducir mas caracteres en el textarea, es decir empieza el contador en 255 y va hasta 0, pero resulta que cuando llega a 0 sigue con numeros negativos, que tengo que cambiarle para que el llegar el contador a 0 deje de poder insertar más caracteres.
un saludo
Código Javascript
:
Ver original<html>
<head>
<title></title>
</head>
<body>
<form action="#" method="post" id="formurecopilar" name="formure" autocomplete="off" onsubmit="return validarrecopilar()">
<table>
<tr>
<td>¿Que tienes en tu mente?</td>
<td><textarea name="inforecopilar" id="ta" rows="4" cols="60" data-maximo="55"></textarea></td>
</tr>
</table>
<input type="submit" name="submit" id="botonrecopilar" value="Recopilar" />
</form>
<div id="mensaje">255</div>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script>
var ta = $("#ta");
var cuenta = $("<div>Llevas escritos <span></span> caracteres</div>");
cuenta.insertAfter(ta);
calcularCaracteresTextarea(ta);
function calcularCaracteresTextarea(ta)
{
var contador = 55;
var num = ta.val().length;
var cont = contador - num;
var cuenta = ta.next();
cuenta.find("span").text(cont);
}
ta.on("keypress", function(e){
var ta = $(this);
var max = -1;
acumulaMensaje(e.which);
calcularCaracteresTextarea(ta);
if(ta.val().length == max && (e.which!=0 && e.which!=8)){
e.preventDefault();
}
});
ta.on("keyup", function(){
var ta = $(this);
calcularCaracteresTextarea(ta);
});
</script>
</body>
</html>