Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/06/2014, 02:31
mensajeescrito
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años
Puntos: 5
Mostrar mensaje al rellenar campos de formulario

Hola amigos, a ver si me pueden echar una mano en esto:

Tengo un par de campos "imputs" y me gustaria que cuando nada mas escriba en ellos algo, me aparezca un div con un mensaje diciendo: "formulario rellenandose".

Este es el codigo que he hecho pero solo funciona con el boton que le he puesto yo. por que no se como hacer que aparezca el mensaje nada mas escribir en el input.

y aparte me sale el mensaje siempre que le doy al boton, haya puesto contenido o no en los campos input.

Agradeceria mucho una ayudita, please.

Este es el codigo que tengo hecho:

Código Javascript:
Ver original
  1. function rellenado() {
  2.            
  3.                 if ( $('#nombre' || '#apellidos').length ) {
  4.                
  5.                     document.getElementById("mensaje").style.display="block";
  6.                
  7.                     } else {
  8.                          
  9.                     document.getElementById("mensaje").style.display="none";       
  10.                        
  11.                     }
  12.                    
  13.             }


Código CSS:
Ver original
  1. #mensaje {
  2.                
  3.                 display:none;
  4.                 background-color:#999999;
  5.                 width:200px;
  6.                 height:50px;
  7.                 font-size:18px;
  8.                
  9.             }



Código HTML:
Ver original
  1. <form name="miformulario" id="miformulario" method="post" action="enviar.php">
  2.            
  3.  
  4.                 <input type="text" id="nombre" name="elnombre" placeholder="Nombre Completo" value="" title=""/>    
  5.  
  6.                 <br/>
  7.                
  8.                 <input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" value="" title=""/>    
  9.  
  10.                 <br/>
  11.                
  12.                 <div id="mensaje">Formulario rellenandose</div>
  13.                
  14.                 <br/>
  15.                
  16.                 <input type="button" onClick="rellenado()" name="Rellenado" value="Rellenado" alt="Rellenado" />
  17.          
  18.         </form>