Bloquear boton sumbit.

tirano3d · #1 (**permalink**) 01/07/2009, 12:56

Hola, que tal?... Les queria hacer una consulta.
Lo que quiero hacer es, tengo un formulario de envio que tiene 3 cajas de texto, y un botno sumbit, necesito si alguna de esas cajas de texto esta vacia el boton sumbit no se pueda apretar, este bloqueado... soy muy nuevo en javascript, se algo de visual basic, pero no todos los navegadores soportan VBSScript, prefiero tratar de usar javascript en lo posible...

Si alguien me puede dar una manito se los agradeceria!...
Salu2 Lucas Federico Castro.

Legoltaz · #2 (**permalink**) 01/07/2009, 13:02

Podrías gestionarlo mediante el evento onSubmit del form.

Código JavaScript:

Ver originalfunction validarForm(frm){
var inputs = frm.getElementsByTagName('input');
for(var i = 0;i < inputs.length;i++){
if(inputs[i].value == '') return false;
}
return true;
}

Código HTML:

Ver original<form name="frm" onSubmit="return validarForm(this)">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="submit" value="Enviar" />
</form>

Si quieres que se bloquee el botón de envío sólo tienes que cambiar los return por botonsubmit.disabled = true/false;

lair · #3 (**permalink**) 01/07/2009, 13:09

Hola, espero este codigo te sirva.

Código HTML:

<html>
	<body>
		<script>
			function vacios(){
				var c1=document.getElementById('c1').value;
				var c2=document.getElementById('c2').value;
				var c3=document.getElementById('c3').value;
				if( (c1=="") || (c2=="") || (c3==""))
					document.getElementById('ok').disabled=true;
				else
					document.getElementById('ok').disabled=false;
			}
		</script>
		<form>
			<input type='text' id='c1'>
			<input type='text' id='c2'>
			<input type='text' id='c3'>
			<input type='submit' id='ok'>
		</form>
		<script>
			setInterval("vacios()",500);
		</script>
	</body>
</html>

suerte.

tirano3d · #4 (**permalink**) 01/07/2009, 13:11

Gracias por responder, pero me recontra maree peor ahora! jaja, yo habia hecho que si alguno de los text estan vacios, me cierre la ventana, y abra una diciendo el error... pero la funcion se ejecutaba cuando hacian click al sumbit, entonces el sumbit se me ejecuta igual...

<form action="/cgi-bin/FormMail.cgi" method="post">
<input type="hidden" name="recipient" value="[email protected]">
<input type="hidden" name="subject" value="CONTACTO">
<input ID="Nombre" type="text" name="Nombre">
<input ID="Telefono" type="text" name="Telefono">
<input ID="Mensaje" type="text" name="Clasificado"style="width:300px ; height:225px">
<input type="submit" ID="B1" value="Enviar" onclick="HicisteClick()">
</form>

Y la funcion:

<script LANGUAJE="javascript">

function HicisteClick() {
var num;
var dat;

if (Nombre.value != "" && Telefono.value != "" && Mensaje.value != "") {
alert("Escribe el siguiente codigo, en la siguiete caja de texto.");
num=Math.random();
num=Math.acos(num);
dat=prompt("Escribe: " + num,"a");
if (dat == num) {
alert("si");
}
else
{
alert("Error de codigo. Se cerrara la ventana.");
window.open("Errores/201.html");
window.close();
}

}
else{
alert("error campos vacios");
window.open("Errores/201.html");
window.close();

}

}

</script>

Capas me exprece mal al principio, perdon...

tirano3d · #5 (**permalink**) 01/07/2009, 13:12

Ah, ahi el de lair lo entendi, voy a probar ese y les cuento!..

Disculpen las molestias!!!.. muchas gracias..

tirano3d · #6 (**permalink**) 01/07/2009, 13:23

Joya, con esto me arreglo... Muchas gracias a todos =)

Saludos Lucas...