Problema al comprobar formulario por un nombre de campo "raro"

[angel_dope]

Hola de nuevo, a ver si alguien me ilumina un poco el camino. Tengo un formulario con dos input de tipo file para que el usuario seleccione unos archivos. Tenía puesta una comprobación para que obligase al usuario a que seleccionase un jpg, pero resulta que no funciona. Creo que viene a raiz del nombre de los input, que tiene unos corchetes en el nombre (se llaman userfile[]), y no se los puedo quitar por que son necesarios para el correcto funcionamiento de la página que viene después. Os pongo el formulario y el javascript, a ver si se puede hacer algo con ello.

CÓDIGO DE COMPROBACIÓN

Código Javascript:

<script language="javascript">
function validar(frm) {
 var ret;
 if (frm.userfile[].value == "" || frm.userfile[].value == "" ) {
  alert('Por favor, rellene todos los campos ');
  ret = false;
 }
  if (frm.userfile[].value != "" && frm.userfile[].value.substr(frm.userfile[].value.length - 3) != "jpg" && frm.userfile[].value.substr(frm.userfile[].value.length - 3) != "JPG" ) {
    alert('El formato de las FOTOS debe ser JPG');
    ret = false;
}
return ret;
}
</script>
 

FORMULARIO

Código HTML:

<form action="subir.php" method="post" enctype="multipart/form-data" name="frm" id="frm" onSubmit="return validar(this)">
    <p>Foto del producto: <input name="userfile[]" type="file" id="campos-solicitud" maxlength="150" placeholder="Foto producto *"></p>
    <br>
    
    <p>
    Foto del contacto: <input name="userfile[]" type="file" id="campos-solicitud" maxlength="25" placeholder="Foto contacto *"></p>
    <br><br>
    <input name="enviar" type="submit" id="enviar" title="enviar" value="Siguiente">
  </form>
 

[ArturoGallegos]

Lo estas atacando del lado incorrecto.

revisa esta documentación, atributo accept
https://developer.mozilla.org/en-US/...ent/input/file