Validar si un capo input type file este vacio

[fedefrankk]

Hola a todos,
quiero hacer que cuando no se elija una imagen no pueda seguir y sale un alert...

Mi código si funciona para las excepciones, pero no funciona si el usuario subió o no un archivo lo deja pasar igual.. :(
Mi código JavaScript

Código Javascript:

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

mi formulario HTML

Código HTML:

<label for="exampleFormControlInput1" class="form-label"><b>Elija una Imagen </b></label>
  <input type="file" class="form-control" name="imagen"  id="archivoInput" accept=".jpg, .jpeg, .png, .jpeg" onchange="return validarExt()">
</div>
 

Muchas gracias por su tiempo.
Saludos a todos.

[petit89]

puedes hacerlo con función aparte o integrarla en la misma, puedes jugar mucho en realidad... te dejo un ejemplo:

https://jsfiddle.net/4L1gukm3/

saludos!

[fedefrankk]

Hola petit89

Muchísimas Gracias por tu código, anda de maravillas .

Se gradece mucho.!!!
Saludos Atte.