Verificar campos vacíos en formularios.

yesmp3collectio · #1 (**permalink**) 17/05/2004, 16:41

Hola, a todos:

Estoy trabajando con un formulario 'web' y método 'post', todo vabien pero necesito que cuando un usuario no haya rellenado un campo obligatorio aparezca una ventana emergente y le avise. ¿Debe hacerse mediante JS? Si es así... ¿alquien tiene el código?

Muchas gracias por adelantado.

Avelar · #2 (**permalink**) 17/05/2004, 17:10

Afirmativo, es mediante JavaScript o VBScript...

Saludos...

Kev · #3 (**permalink**) 17/05/2004, 20:15

Javascript, es muy sencillo, seguro que lo aprendes a la primera.

Salu2

tunait · #4 (**permalink**) 18/05/2004, 00:57

Vamos al foro de javascript

movido desde html

saludos....

KarlanKas · #5 (**permalink**) 18/05/2004, 02:16

Prueba con esto:
Pon esto en el head:
<script>

//Pon en la variable obligatorios el name de todos los campos que deben rellenar

obligatorio=["nombre","email"];

//Pon en la veriable textoObligatorio el texto que quieres que aparezca en el alert

textoObligatorio=["Nombre","Correo Electrónico"];

function comprobar(este){
for(a=0;a<obligatorio.length;a++){

if(este.elements[obligatorio[a]].value==""){

alert("Por favor, rellena el campo "+textoObligatorio[a]);
este.elements[obligatorio[a]].focus();
return false;

}

}

return true;
}

</script>
Luego en el body pones tu formulario y en la etiqueta form pones:

<form onsubmit="return comprobar(this)">

y ya está!

Un ejemplo:

Código PHP:

  <html>

<head>

    <title>Untitled</title>

    <script>

 
//Pon en la variable obligatorios el name de todos los campos que deben rellenar

 
obligatorio=["nombre","email"];

 
//Pon en la veriable textoObligatorio el texto que quieres que aparezca en el alert

 
textoObligatorio=["Nombre","Correo Electrónico"];

 
function comprobar(este){

for(a=0;a<obligatorio.length;a++){

 
if(este.elements[obligatorio[a]].value==""){

 
alert("Por favor, rellena el campo "+textoObligatorio[a]);

este.elements[obligatorio[a]].focus();

return false;

 
 
}

 
}

 
return true;

}

 
</script>

<style>

*{font:normal 10px/10px verdana;

}

 
 
</style>

</head>

 
<body>

<form action="javascript:alert('Enviando!!')" onsubmit="return comprobar(this)">

<table><tr><td>

Nombre:</td><td><input type="text" name="nombre"></td>

</tr>

<tr><td>

correo Electrónico:</td><td><input type="text" name="email"></td></tr>

</tr>

<tr><td>

Pepito:</td><td><input type="text" name="pepito"></td></tr>

</tr>

<tr><td colspan="4">

<input type="submit"></td></tr>

 
</table></form>

</body>

</html>

yesmp3collectio · #6 (**permalink**) 24/05/2004, 15:14

Muchas gracias a todos por vuestras respuestas y perdonad la tardanza en responder.

Un saludo.

KarlanKas · #7 (**permalink**) 24/05/2004, 16:21

Me alegro de que te sirviera!!