problema con habilitacion y deshabilitacion de un boton

tuxceno · #1 (**permalink**) 07/12/2010, 21:57

bueno mi duda es la siguiente tengo un formulario en el que debo validar unos campos en tiempo real por lo que javascript fue mi mejor opcion

miren lo que hago es lo siguiente
function compara()
{
var cuad1=document.form1.cuadro1.value;
var cuad2=document.form1.cuadro1.value;
var cuad3=document.form1.cuadro1.value;
var cuad4=document.form1.cuadro1.value;
if(cuad1>cuad2)
document.elboton.disabled=false;
else
{
document.elboton.disabled=false;
}
if(cuad3>cuad4)
document.elboton.disabled=true;
else
{
document.elboton.disabled=true;
}

<html>
<form>
<input="text" name="valor1">
<input="text" name="valor2" onchange=compara(this)>
<input="text" name="valor3">
<input="text" name="valor4"onchange=compara(this)>
<input="submit" name="enviar" disabled="disabled">
</form>
<html>
}

bueno pues mas o menos es lo que hago la sintaxis quizas no es correcta pero es un mas o menos de lo que hice
el problema esta en que incia activado y cuando se cumple la condicion cualquiera de las 2 se desactiva el boton pero no logro volver a activarlo.

caricatos · #2 (**permalink**) 08/12/2010, 01:01

Hola:

Hay más de un problema... en principio no entiendo para que pones "this" si no lo usas... tal vez sería mejor poner this.form y en la opcion comparar poner...

Código:

function compara(f ){
 var cuad1=f.cuadro1.value;
 var cuad2=f.cuadro1.value;
 var cuad3=f.cuadro1.value;
 var cuad4=f.cuadro1.value;
 f.enviar.disabled = !((cuad1>cuad2) && (cuad3>cuad4));
}

fíjate que el botón se llama enviar, y tenías "elboton"; y luego tanto los if como los else's hacían lo mismo...

Sobre lo que hace... como no lo tenías bien, lo puse "a ciegas", pero es cuestión de estudiar las condiciones...

Saludos

tuxceno · #3 (**permalink**) 08/12/2010, 10:06

Gracias caricatos tus respuestas son simpre acertadas