Foros del Web » Programando para Internet » Javascript »

Validar si un capo input type file este vacio

Estas en el tema de Validar si un capo input type file este vacio en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/08/2021, 13:51
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 862
Antigüedad: 14 años, 5 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.
  #2 (permalink)  
Antiguo 28/08/2021, 13:01
Avatar de petit89  
Fecha de Ingreso: marzo-2011
Mensajes: 1.119
Antigüedad: 10 años, 10 meses
Puntos: 166
Respuesta: Validar si un capo input type file este vacio

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!
__________________
█ WebHosting / Reseller a bajo costo | Uptime Garantizado | Soporte en Español e Ingles
¿Te sirvió la respuesta? Deja un +1 (Triangulo negro al lado derecho)
  #3 (permalink)  
Antiguo 29/08/2021, 11:40
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 862
Antigüedad: 14 años, 5 meses
Puntos: 7
De acuerdo Respuesta: Validar si un capo input type file este vacio

Hola petit89

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

Se gradece mucho.!!!
Saludos Atte.



La zona horaria es GMT -6. Ahora son las 15:58.