Validar campo input[]

[fedefrankk]

Hola a todos, quiero validar el campo input, que si esta vacío no me permita seguir...

lo logre con las extensiones, pero no así con si esta vacío o no..

mi html:

Código HTML:

<div class="mb-3 fondo">
  <label for="exampleFormControlInput1" class="form-label"><b>Elija una Imagen (2)</b></label>
  <input type="file" class="form-control" name="my_files[]" multiple id="archivoInput" onchange="return validarExt()">
</div>
 

y el código de JavaScript

Código Javascript:

function validarExt()
{
    var archivoInput = document.getElementById('archivoInput');
    var files = document.getElementById('archivoInput').files;
   
    var archivoRuta = archivoInput.value;
    var extPermitidas = /(.png|.gif|.jpg)$/i;
    if(!extPermitidas.exec(archivoRuta)){
        alert('Asegurese de haber seleccionado una Imagen');
        archivoInput.value = '';
        return false;
    }
    if (!files.length) {
      alert('selecciones un fila !');
      return false;
 
 
    }
  }
  </script>
 

Muchas gracias de antemano por su tiempo ..
Saludos.!!!

[Alexis88]

El evento change se produce cuando cambia el contenido del elemento. Si el usuario pulsa el elemento para seleccionar un archivo pero cancela la operación, no selecciona nada y previamente tampoco seleccionó nada, ningún evento de cambio se habrá producido. En cambio, si selecciona un archivo y vuelve a pulsar el elemento para seleccionar otro pero termina por no hacerlo, entonces sí se producirá un cambio, quedando el elemento sin archivos. Solo en ese caso se lanzará la alerta.

[prueba230683]

Como dice Alexis, no tiene mucho sentido poner esa condición if (!files.length) en el evento onchange, ya que el evento onchange solamente se dispara cuando el usuario ha seleccionado al menos un archivo.

Sería mejor que añadieras el atributo required de HTML5:

Código HTML:

<input type="file" class="form-control" name="my_files[]" multiple id="archivoInput" required>
 

Así, antes de enviar el formulario, lanzará una advertencia si el usuario no seleccionó ningún archivo y se cancelará automáticamente el envío del formulario.