Ver Mensaje Individual
  #7 (permalink)  
Antiguo 25/06/2014, 04:32
mensajeescrito
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 6 meses
Puntos: 5
Respuesta: Mostrar mensaje al rellenar campos de formulario

Gracias ktulu me sirvio perfectamente.

De hecho he hecho una variante para un select + options.

El codigo lo pongo a continuacion para el que le pueda servir tambien.

Solo una ultima cosa:

el codigo tal como esta si relleno los dos inputs y elijo una opcion en los dos selects,

el "mensaje" aparece y eso es fantastico pero... si una vez en este punto borro el contendo de un input al que previamente hubiera rellenado o deseleccionara un select.

automaticamente el mensaje desaparece y esto no deberia ocurrir ya que el resto de campos siguen rellenados menos uno el cual esta borrado su contendo.

¿Como puedo arreglar esto?


Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  
  3.         $('#nombre,#apellidos').on('keyup',function(){
  4.            $(this).val()!='' ? $("#mensaje").show() : $("#mensaje").hide();
  5.         })
  6.  
  7.     })
  8.  
  9.  
  10.  
  11.     $(document).ready(function() {
  12.         $('#combo_eventos').change(function(){
  13.         <!--$( "#combo_eventos option:selected" ).each(function() {--> 
  14.            $(this).val()!='Elija evento' ? $("#mensaje").show() : $("#mensaje").hide();
  15.         })
  16.     })
  17.  
  18.  
  19.  
  20.     $(document).ready(function() {
  21.         $('#combo_menu').change(function(){
  22.            $(this).val()!='Elija menu' ? $("#mensaje").show() : $("#mensaje").hide();
  23.         })
  24.     })


Código CSS:
Ver original
  1. #mensaje {
  2.        
  3.         display:none;  
  4.            
  5.         }


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" value="" title=""/><br/>
  4.          
  5.           <input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" value="" 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" selected="selected">refresco</option>
  14.                                       <option value="vino" selected="selected">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" selected="selected">kebab</option>
  26.                                       <option value="Hamburguesa" selected="selected">Hamburguesa</option>
  27.                        
  28.                            
  29.                               </select>                                
  30.                              
  31.                          
  32.          
  33.           <div id="mensaje">Formulario rellenandose</div><br/>
  34.          
  35.         </form>