Foros del Web - Ver Mensaje Individual - Alerta cuando excede cantidad de letras en el input

kikerrobles · #7 (**permalink**) 18/06/2013, 04:41

Para lo que quieres hacer se podría hacer así:

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <script type="text/javascript" src="../js/functions_validate.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="../js/jquery-2.0.2.min.js">\x3C/script>')</script>
        <title>Registro</title>
        <style>
            
            #marca{
    visibility: hidden;
}
        </style>
    </head>
    <body>
        <script>
$(document).ready(function(){
    
  var campo=$('#campo');
  var select=$('#marca');
    campo.keyup(function(){
     var longitud=campo.val().length;
        if (longitud)//aquí puedes hacer variaciones en función de la longitud del campo
            select.css('visibility','visible');
        else
            select.css('visibility','hidden');
    });
    
});
        </script>
       
<input id="campo" type="text" name="fname"><br>
 
<select id="marca">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
    </body>
</html>

Espero que te sirva