Mostrar mensaje al rellenar campos de formulario
Publicado por Sam (46 intervenciones) el 24/06/2014 10:43:40
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:
en este enlace lo he subido para que vean lo que pasa:
http://www.desarrollosformativos.com/mostrar_mensaje/mostrar_div_rellenando_campo.html
gracias de antemano como siempre.
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<script>
function rellenado() {
if ( $('#nombre' || '#apellidos').length ) {
document.getElementById("mensaje").style.display="block";
} else {
document.getElementById("mensaje").style.display="none";
}
}
</script>
<style>
#mensaje {
display:none;
background-color:#999999;
width:200px;
height:50px;
font-size:18px;
}
</style>
<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" onClick="rellenado()" name="Rellenado" value="Rellenado" alt="Rellenado" />
</form>
en este enlace lo he subido para que vean lo que pasa:
http://www.desarrollosformativos.com/mostrar_mensaje/mostrar_div_rellenando_campo.html
gracias de antemano como siempre.
Valora esta pregunta


0