Habilitar submit si esta todo validado

martin_9_91 · #31 (**permalink**) 28/11/2013, 12:30

Ah entiendo y si dejas el submit habilitado y solamente se deshabilite cuando tengas valores erróneos?.

martin_9_91 · #32 (**permalink**) 28/11/2013, 12:31

Ah entiendo y si dejas habilitado el submit y lo deshabilitas cuando tengas datos erróneos?. Así funcionaría.

Saludos

Nico0601 · #33 (**permalink**) 28/11/2013, 12:48

Tambien, seria la inversa de como lo quiero hacer.
Pero si funciona ya me saco un problemon de encima! ja

martin_9_91 · #34 (**permalink**) 28/11/2013, 12:50

Dale probalo y decime que tal.

Saludos

Nico0601 · #35 (**permalink**) 28/11/2013, 13:16

Uhh hoy no es mi dia, no le puedo encontrar la vuelta.
En principio saco el disabled='disabled' del submit
Y luego tengo mi script.

Código Javascript:

Ver original<script>
function desactivo_submit()
{
    var x = document.forms["formulario"].elements;
    var desactivar = true;
 
    for (var i = 0; i < x.length; i++) {
        if (x[i].style.display == "border:2px solid #cc0000;") desactivar = false;
    }
 
    if (desactivar) {
        document.getElementById('guardar').disabled = false;
    }
    else {
        document.getElementById('guardar').disabled = true;
    }
}
</script>

Asi estaba originalmente, deberia cambiar los true por false y viceversa, no? Para la opcion que me diste, verdad?

martin_9_91 · #36 (**permalink**) 28/11/2013, 13:26

Pero ese código como sabes si el campo esta vacío?.

Yo utilizaría este

Código Javascript:

Ver originalfunction desactivo_submit(){
 
    var frm = document.getElementById("formulario");
    var desactivar = true; 
 
    for (i=0;i<frm.elements.length;i++)
    {
        if (frm.elements[i].value == ''){
            desactivar = false;
            frm.elements[i].style.display == "border:2px solid #cc0000;"
        }
    }
        
    
    if (desactivar) {
        document.getElementById('guardar').disabled = false;
    }
    else {
        document.getElementById('guardar').disabled = true;
    }
}

Y no hace falta cambiar nada, ya que si esta vacío lo deshabilita.

Nico0601 · #37 (**permalink**) 28/11/2013, 13:34

Esta bien, pero igual me sigue enviando el form si hay algun error.

martin_9_91 · #38 (**permalink**) 28/11/2013, 13:44

Exacto, si hay error te va a colorear y deshabilitar el submit.

Lo probaste, te sirvió?.

Nico0601 · #39 (**permalink**) 28/11/2013, 13:45

Si, lo colorea pero no me deshabilita el submit.

martin_9_91 · #40 (**permalink**) 28/11/2013, 13:59

Esto es lo que necesitas creo:

Código Javascript:

Ver original<html>
 
<head>
 
<script>
 
function desactivo_submit(){
 
    var frm = document.getElementById("formulario");
    var desactivar = true; 
 
    for (i=0;i<frm.elements.length;i++)
    {
        if (frm.elements[i].value == ''){
            desactivar = false;
            frm.elements[i].style.display == "border:2px solid #cc0000;"
        }
    }
        
    
    if (desactivar) {
        document.getElementById('guardar').disabled = false;
    }
    else {
        document.getElementById('guardar').disabled = true;
    }
}
 
 
</script>
</head>
 
<body onload="desactivo_submit();">
 
<form id='formulario' action='' >
<input type='text' id='txt1' onfocus='desactivo_submit();' />
<input type='text' id='txt2' onfocus='desactivo_submit();' />
<br>
<input type='button' id='guardar' value= 'Hola'>
</form>
 
</body>
 
</html>

En body del html le agrega un onload para que verifique por javascript.

Saludos

Nico0601 · #41 (**permalink**) 28/11/2013, 14:06

No che, sigue igual.....ya tengo un mareo con esto! ja

Dalam · #42 (**permalink**) 28/11/2013, 18:20

eso es lo que le dije yo desde el principio que lo pusiera
== ''
pero no hace caso.
Si eso no te funciona, es por que los input tienen un valor asignado como defaul

Cita:

<td><input type="text" name="<?php echo ("trab_apellido".$i);?>" id="<?php echo ("trab_apellido".$i);?>" value="<?php echo $apellido; ?>" style="border:0px; width: 80px;<?php if(!(preg_match("/^([a-z ñáéíóú ÑÁÉÍÓÚ ]{2,50})$/i",$apellido))){ echo "border:2px solid #cc0000;";} ?>" onblur="valida_apellido(<?php echo $i; ?>); esconde(<?php echo $i; ?>);" ></td>

eso le asigna el value de $apellido, pero aunque la variable no este definida, el value sera el mensaje de error de php.

Cita:

<td><input type="text" name="<?php echo ("trab_apellido".$i);?>" id="<?php echo ("trab_apellido".$i);?>" value="<?php if(isset($apellido)) echo $apellido; ?>" style="border:0px; width: 80px;<?php if(isset($apellido && !(preg_match("/^([a-z ñáéíóú ÑÁÉÍÓÚ ]{2,50})$/i",$apellido))){ echo "border:2px solid #cc0000;";} ?>" onblur="valida_apellido(<?php echo $i; ?>); esconde(<?php echo $i; ?>);" ></td>

y asi con todos los input.
Dependiendo de donde obtengas $i tambien deberas comprobar que este definida con isset tambien.
De esa forma cuando algun variable no este definida no escribira un value y el =='' funcionara.
Edita el codigo fuente de la pagina y veras como todos los input tienen un valor.
Pero agregando los isset que te e dicho en todos los input y en el javascript poniendo == '' tiene que funcionar por narices.

Adicionalmente tambien te informo que las etiquetas input terminan por />, si no le pones la / funcionara, pero cuando intentes validar el css te dara error de sintaxis.

Nico0601 · #43 (**permalink**) 02/12/2013, 13:30

Hola Dalam, gracias por la ayuda, soy nuevo en esto y hay cosas que todavia no agarro bien! Me tira este error en el primer input

Código error:

Ver originalParse error: syntax error, unexpected T_BOOLEAN_AND, expecting ',' or ')' in /home/u133075534/public_html/

Dalam · #44 (**permalink**) 02/12/2013, 14:32

Cita:

Iniciado por Nico0601

Hola Dalam, gracias por la ayuda, soy nuevo en esto y hay cosas que todavia no agarro bien! Me tira este error en el primer input

Código error:

Ver originalParse error: syntax error, unexpected T_BOOLEAN_AND, expecting ',' or ')' in /home/u133075534/public_html/

Falta un cierre en el isset prueba con esto

Cita:

<td><input type="text" name="<?php echo ("trab_apellido".$i);?>" id="<?php echo ("trab_apellido".$i);?>" value="<?php if(isset($apellido)) echo $apellido; ?>" style="border:0px; width: 80px;<?php if(isset($apellido) && !(preg_match("/^([a-z ñáéíóú ÑÁÉÍÓÚ ]{2,50})$/i",$apellido))){ echo "border:2px solid #cc0000;";} ?>" onblur="valida_apellido(<?php echo $i; ?>); esconde(<?php echo $i; ?>);" ></td>