Tema: Alerta cuando excede cantidad de letras en el input
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 18/06/2013, 09:08
MasterJose
 
Fecha de Ingreso: abril-2012
Mensajes: 43
Antigüedad: 12 años
Puntos: 1
De acuerdo Respuesta: Alerta cuando excede cantidad de letras en el input
Cita:
Iniciado por kikerrobles Ver Mensaje
Para lo que quieres hacer se podría hacer así:

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6.         <script type="text/javascript" src="../js/functions_validate.js"></script>
  7.         <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  8.         <script>window.jQuery || document.write('<script src="../js/jquery-2.0.2.min.js">\x3C/script>')</script>
  9.         <title>Registro</title>
  10.         <style>
  11.             
  12.             #marca{
  13.     visibility: hidden;
  14. }
  15.         </style>
  16.     </head>
  17.     <body>
  18.         <script>
  19. $(document).ready(function(){
  20.     
  21.   var campo=$('#campo');
  22.   var select=$('#marca');
  23.     campo.keyup(function(){
  24.      var longitud=campo.val().length;
  25.         if (longitud)//aquí puedes hacer variaciones en función de la longitud del campo
  26.             select.css('visibility','visible');
  27.         else
  28.             select.css('visibility','hidden');
  29.     });
  30.     
  31. });
  32.         </script>
  33.        
  34. <input id="campo" type="text" name="fname"><br>
  35.  
  36. <select id="marca">
  37.   <option value="volvo">Volvo</option>
  38.   <option value="saab">Saab</option>
  39.   <option value="mercedes">Mercedes</option>
  40.   <option value="audi">Audi</option>
  41. </select>
  42.     </body>
  43. </html>

Espero que te sirva

Muy bueno. Funciona correctamente.

¡¡¡GraciaS!!!

Dejo aquí mismo tu solución pero para que se pueda ver visualmente por si alguien quiere: http://jsfiddle.net/Cronos83/7PCTm/