Benim yayınlanmıştır dosya (up_image) boş olup olmadığını kontrol etmek için jquery gerekir.
boş ise i gösterilen ve uyarı mesajının çeşit ile gelmek için bir div etiketi gerekir.
değilse, sadece do
$("#submit").submit();
<form action="/profile/" method="post" enctype="multipart/form-data" id="submit">
<p>
<label for="up_image">image:</label>
<input type="file" name="up_image" id="up_image" />
</p>
<a href="javascript:;" id="post_submit" class="submit_btn">Upload</a>
</form>
1: erişilebilirlik nedenlerden dolayı, daha doğrusu bir javascript-bağımlı link daha formu göndermek için Gönder düğmesini bir standart kullanmak, ve birisi kalkarsa parçalanmışlığın önlemek için sağ-tıklayın-açık-in-yeni-pencere veya linke diğer benzer eylem. Eğer bir bağlantı gibi görünmek istiyorsanız, yine sadece artık bir düğme gibi görünmesi için bazı CSS uygulamak, bir düğmesini kullanabilirsiniz.
2: (her zaman bir düğmeye tıklama üretmek olmayabilir, hangi formları da enter tuşuna basarak tarafından teslim edilebilir) yerine bir gönderme düğmesi tıklama güvenmek yerine doğrulama yapmak için form.onsubmit olay kullanın
<form id="uploadform" method="post" action="/profile/" enctype="multipart/form-data">
<p>
<label for="up_image">image:</label>
<input id="up_image" type="file" name="up_image" />
</p>
<p>
<input type="submit" value="Upload" />
</p>
</form>
<script type="text/javascript">
$('#uploadform').submit(function(e) {
if ($('#up_image').val()=='') {
alert('Please choose a file to upload.');
e.preventDefault();
}
});
</script>