Ver Mensaje Individual
  #8 (permalink)  
Antiguo 25/06/2014, 20:56
Ktulu
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Mostrar mensaje al rellenar campos de formulario

En ese caso vas a necesitar una función que retorne si hay campos vacíos o selects sin seleccionar a modo de validación de formularios.
Por cierto, no es necesario llamar 3 veces al método .ready(), podes incluir todo dentro de 1.
En cuanto al HTML fijate que tenes mas de un selected por grupo.

Código Javascript:
Ver original
  1. function rellenandose(){
  2.     return $('input[type="text"]').filter(function () {return !!this.value;}).length || $('select option:selected').filter(function () {return this.index>0;}).length ? true : false;
  3.        
  4. }
  5.  
  6. $(document).ready(function() {
  7.     $('input','#miformulario').on('keyup',function(){
  8.         rellenandose() ? $("#mensaje").show() : $("#mensaje").hide();
  9.     })
  10.    
  11.     $('select','#miformulario').on('change',function(){
  12.         rellenandose() ? $("#mensaje").show() : $("#mensaje").hide();
  13.     })
  14. })

Código HTML:
Ver original
  1. <form name="miformulario" id="miformulario" method="post" action="enviar.php">
  2.  
  3.           <input type="text" id="nombre" name="elnombre" placeholder="Nombre Completo" title=""/><br/>
  4.          
  5.           <input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" title=""/><br/>
  6.          
  7.          
  8.                               <select name="combo_eventos" id="combo_eventos" title="">
  9.                              
  10.                               <option value="Elija evento" class="elija_evento">Elija bebida</option>
  11.  
  12.                                       <option value="agua">agua</option>
  13.                                       <option value="refresco">refresco</option>
  14.                                       <option value="vino">vino</option>
  15.  
  16.                               </select>  
  17.                              
  18.                              
  19.                              
  20.                               <select name="combo_menu" id="combo_menu" title="">
  21.                              
  22.                               <option value="Elija menu" class="elija_menu">Elija un menu *</option>
  23.  
  24.                                       <option value="pizza">pizza</option>
  25.                                       <option value="kebab">kebab</option>
  26.                                       <option value="Hamburguesa">Hamburguesa</option>
  27.                        
  28.                            
  29.                               </select>                                
  30.                              
  31.                          
  32.          
  33.           <div id="mensaje">Formulario rellenandose</div><br/>
  34.          
  35.         </form>

El ejemplo funcionando:


Saludos!

Última edición por Ktulu; 25/06/2014 a las 22:38