Ver Mensaje Individual
  #2 (permalink)  
Antiguo 24/06/2014, 09:47
bathorz
 
Fecha de Ingreso: agosto-2013
Mensajes: 150
Antigüedad: 10 años, 8 meses
Puntos: 29
Respuesta: Mostrar mensaje al rellenar campos de formulario

Se me ocurre esto:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.         $("input").on('focus', function(e) {
  3.           if(e.target.value == ""){
  4.             $("#mensaje").css({"display":"block"});
  5.           }else{
  6.             $("#mensaje").css({"display":"none"});
  7.           }
  8.         });
  9.        
  10.         $("input").on('blur', function(e) {
  11.             $("#mensaje").css({"display":"none"});
  12.         });
  13. });
Código HTML:
Ver original
  1. <form name="miformulario" id="miformulario" method="post" action="enviar.php">
  2.       <input type="text" id="nombre" name="elnombre" placeholder="Nombre Completo" value="" title=""/><br/>
  3.       <input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" value="" title=""/><br/>
  4.       <div id="mensaje">Formulario rellenandose</div><br/>
  5.       <input type="button" name="Rellenado" value="Rellenado" />
  6.     </form>