Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/07/2021, 13:06
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 16 años, 8 meses
Puntos: 7
Pregunta Validar campo input[]

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:
Ver original
  1. <div class="mb-3 fondo">
  2.   <label for="exampleFormControlInput1" class="form-label"><b>Elija una Imagen (2)</b></label>
  3.   <input type="file" class="form-control" name="my_files[]" multiple id="archivoInput" onchange="return validarExt()">
  4. </div>

y el código de JavaScript

Código Javascript:
Ver original
  1. function validarExt()
  2. {
  3.     var archivoInput = document.getElementById('archivoInput');
  4.     var files = document.getElementById('archivoInput').files;
  5.    
  6.     var archivoRuta = archivoInput.value;
  7.     var extPermitidas = /(.png|.gif|.jpg)$/i;
  8.     if(!extPermitidas.exec(archivoRuta)){
  9.         alert('Asegurese de haber seleccionado una Imagen');
  10.         archivoInput.value = '';
  11.         return false;
  12.     }
  13.     if (!files.length) {
  14.       alert('selecciones un fila !');
  15.       return false;
  16.  
  17.  
  18.     }
  19.   }
  20.   </script>


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