Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/11/2011, 13:38
JaiMe_
 
Fecha de Ingreso: junio-2011
Ubicación: New York City
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 3
Respuesta: evento en textarea: quedan x caracteres

Version levemente modificada, el problema era de logica, y la solución es basicamente lo que IsaBelM menciono. En este caso no es necesario llamar parseInt, puesto que ambos operadores son de typo numerico.



Código Javascript:
Ver original
  1. var contenido_textarea = "",
  2.     num_caracteres_permitidos = 10,
  3.     form;
  4.  
  5. function valida_longitud(){
  6.   form = document.forms[0];
  7.   form.caracteres.value = num_caracteres_permitidos;
  8.  
  9.   var num_caracteres = form.texto.value.length
  10.  
  11.   if (num_caracteres <= num_caracteres_permitidos){
  12.     contenido_textarea = form.texto.value  
  13.   }else{
  14.     form.texto.value = contenido_textarea
  15.   }
  16.  
  17.   if (num_caracteres >= num_caracteres_permitidos){
  18.     form.caracteres.style.color="#ff0000";
  19.   }else{
  20.     form.caracteres.style.color="#000000";
  21.   }
  22.  
  23.   cuenta()
  24. }
  25. function cuenta(){
  26.   form.caracteres.value = num_caracteres_permitidos - form.texto.value.length;
  27. }



Código HTML:
Ver original
  1.   <head>
  2.     <title>Que un Textarea no sobrepase longitud en caracteres</title>
  3.     <script>
  4.      // codigo aca
  5.     </script>
  6.   </head>
  7.  
  8.   <body onload = "valida_longitud()">
  9.     <form action="#" method="post">
  10.       <table>
  11.         <tr>
  12.           <td>Texto:</td>
  13.  
  14.           <td><textarea cols="40" rows="5" name="texto" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()"></textarea></td>
  15.         </tr>
  16.         <tr>
  17.           <td>Caracteres:</td>
  18.           <td><input type="text" name=caracteres size=4></td>
  19.         </tr>
  20.       </table>
  21.     </form>
  22.   </body>
  23. </html>

pd: recuerda siempre utiliza el keyword var cuando declares variables.

Última edición por JaiMe_; 08/11/2011 a las 13:44