Problema con funciones en onsubmit

hgp147 · #1 (**permalink**) 10/12/2007, 09:57

Hola, tengo un inconveniente con algunas funciones en este código:
En el evento onsubmit, se ejecuta correctamente la función return validar(this), pero las demás funciones no se ejecutan (document.getElementById('boton').disabled=true; document.getElementById('boton').value='Guardando. ..';
cargando();)

Código HTML:

<html>
<head>

<script type="text/javascript">

function validar(frm) {

  var resultado1 = /^(.)+\.(jpg|gif|png)$/.test(frm.archivo.value);

  document.getElementById('error_archivo').style.visibility = (resultado1) ? 'hidden':'visible';
  document.getElementById('archivo').style.borderColor = (resultado1) ? 'black':'red';
  document.getElementById('archivo').style.color = (resultado1) ? 'black':'red';

  return  (resultado1);
  

  
}

function cargando(){

document.getElementById('cargando_div').style.display = 'block';

}


</script>

</head>
<body>

<form 
onSubmit="return validar(this);
document.getElementById('boton').disabled=true; document.getElementById('boton').value='Guardando...';
cargando();">


<input type="file" name="archivo" id="archivo" size="40">

<div class="error" id="error_archivo">
<BR>La URL introducida no es válida.
</div>



<input type="submit" name="boton" value="Subir archivo" id="boton">

</form>

</body>

</html>

Gracias!

caricatos · #2 (**permalink**) 10/12/2007, 10:59

Hola hgp147:

Siempre que pongas return, fuerzas la salida de lo que estés haciendo, así que si quieres que en el evento se hagan otras cosas, obligatoriamente debes ponerlas antes del return...

Saludos

hgp147 · #3 (**permalink**) 10/12/2007, 13:20

Hola caricatos, puse atras de todo el return, pero no funciona correctamente. Es decir que me ejecutan las 4 funciones ( document.getElementById('boton').disabled=true; document.getElementById('boton').value='Guardando. ..'; cargando();return validar(this) ).
Si el resultado de lo puesto en el input es correcto, deberían ejecutarse los otros 3 ( document.getElementById('boton').disabled=true; document.getElementById('boton').value='Guardando. ..'; cargando();), pero si el contenido del input no es correcto no deberían ejecutarse.
Gracias

caricatos · #4 (**permalink**) 10/12/2007, 14:44

Hola:

Creo que deberías guardar el resultado de la validación en una variable:

onsubmit="error = validar(this); if (!error) {otras_cosas()}; return error"

siendo otras_cosas() lo que tu quieres que se haga...

Saludos

hgp147 · #5 (**permalink**) 10/12/2007, 15:57

GRACIAS caricatos!!!!!!!

El código que me pasaste tenía un error, el ! antes de error. Se lo elimine y funciona perfecto. Gracias de nuevo

caricatos · #6 (**permalink**) 10/12/2007, 16:03

Hola:

Me alegro de que funcione, pero ese carácter lo puse con toda intención, para negar el error... al final, parece que no entendí del todo el problema

Saludos