Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/08/2021, 13:51
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 8 meses
Puntos: 7
Pregunta Validar si un capo input type file este vacio

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:
Ver original
  1. <script type="text/javascript">
  2. function validarExt()
  3. {
  4.     var archivoInput = document.getElementById('archivoInput');
  5.     var files = document.getElementById('archivoInput').files;
  6.     var zero= document.getElementsByName('imagen');
  7.      var archivoRuta = archivoInput.value;
  8.  
  9.     var extPermitidas = /(.png|.gif|.jpg|.jpeg)$/i;
  10.  
  11.     if(!extPermitidas.exec(archivoRuta)){
  12.         alert('Asegurese de haber seleccionado una Imagen');
  13.         archivoInput.value = '';
  14.         return false;
  15.     }
  16.     if(zero.length=="") {
  17.       alert("selecciones un archivo");
  18.       return false;
  19.     }
  20.  
  21.   }
  22.   </script>


mi formulario HTML

Código HTML:
Ver original
  1. <label for="exampleFormControlInput1" class="form-label"><b>Elija una Imagen </b></label>
  2.   <input type="file" class="form-control" name="imagen"  id="archivoInput" accept=".jpg, .jpeg, .png, .jpeg" onchange="return validarExt()">
  3. </div>

Muchas gracias por su tiempo.
Saludos a todos.