2010-07-20 18 views
21

cómo alertar si el archivo de tipo de entrada está vacío!?obtener el valor de archivo de tipo de entrada, y alerta si está vacío

este es mi código de jQuery, pero que no sabía cómo obtener el valor

$('.upload').live("click",function() 
{ 
    var imgVal = $('#uploadImage').val(); 
    if(imgVal=='') 
    { 
     alert("empty input file"); 

    } 
    return false; 

}); 


<input type="file" name="image" id="uploadImage" size="30" /> 
<input type="submit" name="upload" class="send_upload" value="upload" /> 

Respuesta

41
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#upload').bind("click",function() 
    { 
     var imgVal = $('#uploadImage').val(); 
     if(imgVal=='') 
     { 
      alert("empty input file"); 

     } 
     return false; 

    }); 
}); 
</script> 

<input type="file" name="image" id="uploadImage" size="30" /> 
<input type="submit" name="upload" id="upload" class="send_upload" value="upload" /> 
+0

nah, esto no funcionará. pero gracias por probar –

+1

prestar mucha atención, agregué una etiqueta de identificación al botón de carga y cambié el selector y la función utilizada para asignar el controlador de eventos. – Fosco

+0

@Fosco tiene razón, el problema es que '$ (". Upload ")' no se enlazará al botón ya que se le ha aplicado 'send_upload'. 'upload' es su ID. – TheVillageIdiot

6

Debe haber

$('.send_upload') 

pero no $('.upload')

3

Código HTML

<input type="file" name="image" id="uploadImage" size="30" /> 
<input type="submit" name="upload" class="send_upload" value="upload" /> 

Código jQuery usando unen método

$(document).ready(function() { 
    $('#upload').bind("click",function() 
    { if(!$('#uploadImage').val()){ 
       alert("empty"); 
       return false;} }); }); 
Cuestiones relacionadas