2010-07-20 10 views
21

, jak ostrzec, jeśli plik typu wejściowego jest pusty!uzyskać wartość pliku typu wejściowego i ostrzec, jeśli puste

to jest mój kod jquery, ale nie wiedziałem, jak uzyskać wartość

$('.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" /> 

Odpowiedz

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, to nie będzie działać. ale dziękuję za twoją próbę. –

+1

zwróć szczególną uwagę, dodałem tag ID do przycisku wysyłania i zmieniłem twój selektor i funkcję używaną do przypisania obsługi zdarzenia. – Fosco

+0

@Fosco ma rację, problem polega na tym, że '$ (". Upload ")' nie będzie wiązał się z przyciskiem, ponieważ ma do niego zastosowanie 'send_upload'. "upload" to jego identyfikator. – TheVillageIdiot

6

nie powinno być

$('.send_upload') 

ale nie $('.upload')

3

HTML kod

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

kodu jQuery pomocą wiązania metody

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