problemas con formulario

[alfvg]

buenas a todos, q tal?

paso a explicarles mi problema lo más detallado posible, para ver si alguien puede echarme una mano.

tengo un formulario en el q hay q rellenar unos campos y q luego, mediante php, se manda a una dirección de correo electrónico.

la cuestión es q quiero q se rellenen obligatoriamente dos campos.

cómo hago para q, si no están rellenos uno o los dos campos, no se muestre el botón de enviar, y por consiguiente, no se pueda enviar el correo?

muchas gracias.
alf

[living]

Esta pregunta deberías hacerla en el foro de javascript. De todas formas es más sencillo que en vez de ocultar el botón lo que hagas es avisar al usuario de que debe rellenar esos campos y no hacer el submit del formulario. Me explico:

Código HTML:

<form>
<input type="text" name="campo1">
<input type="text" name="campo2">
<input type="button" value="enviar" onClick="validarFormulario()">
</form> 

la función validar formulario sería una cosa así:

Código HTML:

function validarFormulario(){
if (document.forms[0].campo1.value==""){
   alert("el campo campo1 es obligatorio");
   return;
}
if (document.forms[0].campo2.value==""){
   alert("el campo campo2 es obligatorio");
   return;
}

document.forms[0].submit();
}

[alfvg]

gracias por "cambiar" mi pregunta.
la cuestión es q no quiero q me ejecute la acción del botón si no están rellenas las dos cajas de texto.
por eso decía de ocultar el botón...
si se puede hacer de otra manera, me gustaría saberla.
un saludo

[caricatos]

Hola a todos:

Puedes ocultar el botón o ponerlo disabled (esta segunda opción me parece mejor, pero ocultando sería más o menos:

El botón:
<input type="submit" name="enviar" value="enviar" style="display: none" />

Y en los campos aprovechar un evento de pulsación de teclas (por ejemplo onkeyup)...
<input type="text" name="campo1"
onkeyup="this.form['enviar'].style.display = (this.value != '' && this.form['campo2'].value != '') ? 'block' : 'none' ">
<input type="text" name="campo2"
onkeyup="this.form['enviar'].style.display = (this.value != '' && this.form['campo1'].value != '') ? 'block' : 'none' ">

No sé si serán suficientes esos chequeos...

Saludos

[alfvg]

gracias.
sólo una pregunta, pq has intercambiado los 'campos'?, en el 1 pones el 2 y en el 2 el 1.

[caricatos]

Hola otra vez:

Sencillamente, el uso de this en campo1 equivale a campo1 y en campo2 equivale a campo2, entonces si se quiere controlar esos 2 campos desde ellos mismos, uno vale con this, y el otro será el que no es "uno mismo"... ... un galimatías o trabalenguas... ¡verdad!

Saludos