Я разрабатываю форму, в которой пользователь должен загрузить файл. Я использую javascript для проверки на стороне клиента, если пользователь не загрузил файл, из-за чего форма не будет отправлена. Он работает для всех других полей в форме, но не для загружаемого файла изображения. Он вводит все функции, кроме моей функции изображения
Вот фрагмент кода:
<form action="<?php echo $_SERVER['PHP_SELF']?>" method="POST" onsubmit="return
validateForm()">
<h3>Select image:
<input type="file" name="fImg" id="fImge" accept="image/*">
</h3>
<input style="position: relative;top:-20px;left:10px; margin-bottom:5px ;
width:150px;height: 30px; float:right;background: #8B0000" type="submit" name="submit"
value="Save Changes">
</form>
<script>
function validateForm()
{
if(!checkBlankImageById('fImge', 'Please choose an image'))
return false;
return true;
} //end validateForm()
</script>
и в моем внешнем js файле
function checkBlankImageById(obj_id, obj_label)
{
alert('entered');
if($("#" + obj_id).files.length ==0)
{
alert(obj_label);
return false;
}
return true;
}