Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: pisagatos en 27 Agosto 2010, 03:09 am



Título: Problema onsubmit formulario! [SOLUCIONADO]
Publicado por: pisagatos en 27 Agosto 2010, 03:09 am
Muy buenas nochees veraniegaas muajaj! Qué tal??

A ver, tengo un pequeño problema que no caigo con un formulario...

Tengo un formulario con seis input, de tipo file para enviar imágenes a otra página que las procesa...

Aquí el código del formulario en PHP:

Código
  1. echo  "<form name='formSubirFotos' id='formSubirFotos' action='procesarFotos.php' onsubmit='javascript:botonSubirFotosPanelInfo(); return false;' method='post' enctype='multipart/form-data'>";
  2.  
  3. for ($i=0; $i<6; $i++)
  4. {
  5. echo "<div class='textoSuelto' id='contenedor_input_foto_".$i."'>";
  6. echo "<div id='contenedor_relleno_input_foto_".$i."'></div>";
  7. echo "<span id='numFoto_".$i."'>".$i.". </span>";
  8. echo "<input id='input_foto_".$i."' name='input_foto_".$i."' type='file' size='50' onchange='javascript:validarExtension(this.value,\"".$i."\");' title='Elige una foto para a&ntilde;adir al &aacute;lbum' />";
  9. echo "</div>";
  10. echo "<div id='error_input_foto_".$i."' class='textoSuelto error_input_fotos'></div>";
  11. echo "<br />";
  12. }
  13.  
  14. echo "<input type='hidden' value='".$idAlbum."' name='album' id='album' />";
  15.  
  16. echo "<span class='textoSuelto' style='font-size:9px; cursor:default;'>S&oacute;lo se aceptan im&aacute;genes <br /> .jpg, .png y .gif de menos de <u>5 MB</u></span>";
  17.  
  18. echo "<input id='btnEnviarFotos' name='btnEnviarFotos' type='submit' value='Enviar' title='Subir Fotos' style='float:right; background-color:inherit;' />";
  19.  
  20.  
  21. echo "</form>";
  22.  

Y aquí la function de javascript q llama cuando el formulario es enviado... USO Jquery.

Código
  1. function botonSubirFotosPanelInfo()
  2. {
  3. for(var i=0; i<6; i++)
  4. {
  5. var vaciosTodos = 0;
  6. if ($('#input_foto_'+i).val() == "")
  7. {
  8. vaciosTodos = 0;
  9. }
  10. else
  11. {
  12. vaciosTodos = 1;
  13. break;
  14. }
  15. }
  16.  
  17. if (vaciosTodos == 0)
  18. {
  19. $('#erroresSubirFotos').html('&iexcl;Por favor, inserte al menos una foto antes de continuar!');
  20. $('#erroresSubirFotos').show();
  21. }
  22. else if (vaciosTodos == 1)
  23. {
  24. $('#erroresSubirFotos').hide();
  25. $('#cargandoSubirFotos').show();
  26.  
  27. for(var i=0; i<6; i++)
  28. {
  29. $('#input_foto_'+i).attr("disabled", "disabled");
  30. }
  31.  
  32. $('#formSubirFotos').submit();
  33. }
  34. }

El problema viene que la página procesarFotos.php no recibe ningún archivo, ni imagen ni nada... pero si recibe los inputs de tipo text, si le quito el onsubmit funciona perfectamente... es una cosa que no entiendo...

A ver si alguien me puede echar una mano por favor!!

MUCHAS GRACIAS!!

P.S.: Si no se entiende el problema, lo explico más detalladamente!  ;)


Título: Re: Problema onsubmit formulario!
Publicado por: Nakp en 27 Agosto 2010, 07:45 am
por que deshabilitas los input? funciona quitando eso? xD (no tengo ganas de probar jajaja) seria mejor solo esconderlos mientras se sube :P


Título: Re: Problema onsubmit formulario!
Publicado por: pisagatos en 27 Agosto 2010, 14:42 pm
siii eraa eso!! me has abierto los ojos... ya decía yo q era un poco raro deshabilitarlos... jajaja

Al final lo he dejado así:
Código
  1. for(var i=0; i<6; i++)
  2. {
  3. if($('#input_foto_'+i).val() == "")
  4. {
  5. $('#input_foto_'+i).attr("disabled", "disabled");
  6. }
  7. }


Muchas graciass Nakp!!