verificar extension varios archivos antes de enviar

[nikimoto]

muy buenas amigos
tengo un formulario en el que ademas de texto, tiene la posibilidad de subir hasta 3 fotos
y necesito que antes de subir los datos se comprueben las extensiones de las fotos si las hubiese (1, 2 o 3)
tengo este codigo que me funciona bien con una sola foto pero no se como hacer para que me compruebe las tres y mientras haya errores en las extensiones no envie los datos a la base de datos.
el codigo que utilizo es este:

Código Javascript:

[CODE]<script LANGUAGE="JavaScript">
 
        function comprueba_extension(formulario, archivo) {
           extensiones_permitidas = new Array(".gif", ".jpg", ".png");
           mierror = "";
           if (archivo) {
              //recupero la extensión de este nombre de archivo
              extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
              //alert (extension);
              //compruebo si la extensión está entre las permitidas
              permitida = false;
              for (var i = 0; i < extensiones_permitidas.length; i++) {
                 if (extensiones_permitidas[i] == extension) {
                 permitida = true;
                 break;
                 }
              }
              if (!permitida) {
                 mierror = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
               }else{
                  //submito!
                 alert ("Todo correcto. Voy a subir el formulario.");
                 formulario.submit();
                 return 1;
               }
           }else{
               alert ("Todo cohhhhhhhhhhhhrrecto. Voy a subir el formulario.");
                 formulario.submit();
                 return 1;
               }
           //si estoy aqui es que no se ha podido subir
           alert (mierror);
           return 0;
        } 
    </script>[/CODE]
 

y los datos se los mando desde este botom:

Código HTML:

<div id="env"><button type="button" name="Submit" value="Enviar" class="envio" onclick="comprueba_extension(this.form, this.form.userfile1.value)">Actualizar en la Base de Datos </button></div>
 

gracias de antemano y espero que me podais ayudar o por lo menos darme alguna idea de como meterle mano, la verdad es que de javascrip no tengo mucha idea.

[Alexis88]

Solo envía el formulario a la función, luego, busca en él a los elementos de tipo 'file' y recorre el conjunto resultante con un bucle para comprar la extensión de cada archivo.

Código Javascript:

var elementos = formulario.querySelectorAll("[type=file]");
 

Te recomiendo cortar la ejecución del bucle cuando se encuentre una extensión no permitida y solo en caso de estar todo bien, envías el formulario. Ten cuidado con esos return pues puedes terminar la ejecución de todo antes de tiempo, recuerda que ahora procesarás varios datos.

Saludos