Poner vacío campo file

[Mauri1]

Hola

Estoy usando este script para permitir sólo archivos .jpg

Código:

<script language="JavaScript" type="text/javascript">
function LimitAttach(tField,iType) { 
file=tField.value; 
extArray = new Array(".jpg"); 
allowSubmit = false; 
if (!file) return; 
while (file.indexOf("\\") != -1) file = file.slice(file.indexOf("\\") + 1); 
ext = file.slice(file.indexOf(".")).toLowerCase(); 
for (var i = 0; i < extArray.length; i++) { 
if (extArray[i] == ext) { 
allowSubmit = true; 
break; 
} 
} 
if (allowSubmit) { 
} else { 
tField.value=""; 
alert("Sólo se permiten imágenes .jpg"); 
} 
}
</script>

Lo que quiero hacer es que si el tipo de archivo seleccionado no es jpg, aparte de que aparezca el alert, el campo quede vacío. Supongo que es con tField.value=""; pero no me funciona.

¿Alguna idea?

Muchas gracias

[JavierB]

Hola Mauri1

Por motivos de seguridad a los input file no se les puede cambiar el value por código. Si se pudiera alguien podría colocar algún archivo que tenga el usuario en su equipo y enviar el formulario sin que el usuario se de cuenta ni lo autorice.

Saludos,

[Mauri1]

ok, gracias, no sabía eso

¿Entonces cómo puedo hacer para que el formulario no se pueda enviar o que el botón de enviar se desactive si el tipo de archivo no es jpg?

Muchas gracias nuevamente JavierB

[Mauri1]

¿Alguna idea?

[Mauri1]

Pude desactivar el botón de enviar con esto

document.form1.Submit.disabled = true;

Pero de todas formas si apreto enter, el formulario se envía

[JavierB]

Hola de nuevo.

Parece que con IE no sirve el código que has puesto (con FF no hay problema) prueba poniendo esto para que no haga el submit el formulario:

document.form1.onsubmit = function() {return false};

cuando quieras que vuelva a funcionar hace lo mismo pero con return true

Espero que te sirva. Saludos,

[califa010]

Buenas. Es muy simple, cuando se dispara el evento onsubmit, ejecutás la función ( --> return nombreFuncion() ). Además de mostrar un alert en caso de que la extensión no sea válida hacés que devuelva false. Si es válida, devolvés true con return true.

Código:

function nombreFuncion() {
     hacerValidaciones;
    if (pasa la validación) {
    return true;
    }
    alert("algún mensaje de error");
    return false;
}

Al formulario, en el tag <form> le ponés onSubmit="return nombreFuncion()". y eso es todo.

También podrías asignar la función al evento directamente desde JS, pero hay que dar una vuelta más, porque el código se lee antes de que carguen todos los elementos de la página, y por eso el formulario te va a dar "undefined" y la función no se va a asignar:

Código:

window.onload = inicializar;
function inicializar() {
    /* tenés dos opciones. La segunda te sirve 
       si necesitás pasar parámetros a la función.
    */
   document.nombreForm.onsubmit = nombreFuncion; // acá no pongas paréntesis ()
   // o: 
   document.nombreForm.onsubmit = function() {
          nombreFuncion(); 
        /* acá eventualmente podrías ejecutar más código o
            pasar parámetros
       */

    }
}

Suerte

[Mauri1]

Estupendo, ahora si !!

Muchas gracias califa010 y JavierB