Mostrar mensaje al rellenar campos de formulario

[mensajeescrito]

Respecto al codigo de bathorz hace cosas muy raras veras:

Nada mas hacer click en alguno de los dos campos input aparece el mensaje. al menos deberia escribir algo diferente al texto por defecto en los campos input para que apareciera el mensaje que es como deberia ser.


en el momento que escriba en alguno de los inputs ya seria bastante para que apareciera el mensaje .

y si solo escribiera en un solo input (aunque hubiera mas inputs vacios), seria suficiente para que apareciese el texto y si le borrara el contenido desapareceria el mensaje .

es solo eso.

Código Javascript:

$(document).ready(function() {
            $("input").on('focus', function(e) {
              if(e.target.value == ""){
                $("#mensaje").css({"display":"block"});
              }else{
                $("#mensaje").css({"display":"none"});
              }
            });
           
            $("input").on('blur', function(e) {
                $("#mensaje").css({"display":"none"});
            });
    });
 

Código CSS:

#mensaje {
        
        display:none;   
            
        }
 

Código HTML:

<form name="miformulario" id="miformulario" method="post" action="enviar.php">
          <input type="text" id="nombre" name="elnombre" placeholder="Nombre Completo" value="" title=""/><br/>
          <input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" value="" title=""/><br/>
          <div id="mensaje">Formulario rellenandose</div><br/>
          <input type="button" name="Rellenado" value="Rellenado" />
        </form>