problema contador en textarea

rufus · #1 (**permalink**) 15/07/2014, 09:47

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>&#65279;

bathorz · #2 (**permalink**) 16/07/2014, 10:52

Prueba con readonly o disabled

Código Javascript:

Ver originalfunction calcularCaracteresTextarea(ta) {
          var contador = 55;
          var num = ta.val().length;
          var cont = contador - num;
          var cuenta = ta.next();
          cuenta.find("span").text(cont);
 
          if (num == 5) { // poner el número que corresponda (var contador tal vez)
            //ta.attr("disabled","true"); // OK
            ta.attr("readonly", "true"); // OK
          }
        }