Validacion de subida de file

gutibs · #1 (**permalink**) 25/07/2011, 15:05

Hola foreros, tengo un form para subir un archivo, pero necesito alguna validacion (simple ya que es para una intranet) que no me permita hacer el submit si no se eligio ningun archivo, hasta ahora consigo mediante una funcion abrir un alert, pero cuando le doy aceptar igual me pasa de pagina, les copio al final el codigo. Alguien podra decirme como hacer para que el script se detenga hasta que haya algun archivo seleccionado?

Gracias.

Código HTML:

<head><script type="text/javascript">
 var file_selected = false;
 function showNoFile() {
     if(!file_selected) { alert('No file selected!'); } // or anything else
 }
    </script></head>

<body>
<div align="center">
<table width="650px" border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td  ><form><input type="button" value="Download CSV model" onClick="window.location.href='./templates/Import.csv'"></form><form><input type="button" value="Download XLS model" onClick="window.location.href='./templates/Import.xls'"></form></td>
  </tr>
  <tr>
    <td >Please select file to upload:</td>
  </tr>
  <tr>
  <form action='import.php' method='post' enctype='multipart/form-data'>
    <td >
      <input name='archivo' type='file' class='casilla' onchange="file_selected = true;" size='35' />
      <input name='enviar' type='submit' class='boton' id='enviar' value='Upload File' onclick='showNoFile();' />
	  <input name='action' type='hidden' value='upload' /> </td>
	</form>
  </tr>
 
</table>
</div>
</body>

perryjr · #2 (**permalink**) 25/07/2011, 15:38

Tu lo que necesitas es esto:

Código HTML:

Ver original<form onsubmit="return chequeaArchivo();">...</form>

Código Javascript:

Ver originalfunction chequeaArchivo() {
  if(...) {
    // Si quieres interrumpir el envio
    return false;
  }
 
  // Si quieres seguir con el envio
  return true;
}

Hay más formas de hacerlo, pero esta a mi parecer es la más sencilla de entender; y funciona en todos los navegadores.

skiper0125 · #3 (**permalink**) 25/07/2011, 16:23

Te dejo este pequeño ejemplo.

Código Javascript:

Ver original<script type="text/javascript">
 
function showNoFile() {
    var ban=0;
    if(document.getElementById("archivo").value=="") ban=ban+1;
     
    if(ban != 0){
        alert("Selecciona un archivo");
    }else{
         document.getElementById("tu_formulario").submit();
    }
     
}
</script>

Saludos