Вывод сообщения загружен ли файл на сервер без нажатия на кнопку подтверждения формы

Есть форма:

<form class="do_post" enctype="multipart/form-data" method="POST" action="add-post.php"> 
  <div class="add-photo"> 
    <label> 
	<input type="hidden" name="MAX_FILE_SIZE" value="30000" /> 
	<input class="photo" name="userfile" class="form-control" type="file" > 
    </label> 
    <input placeholder="Title" name="title" type="text"> 
    <input placeholder="Quote" name="quote" type="text"> 
    <button type="submit" name="do_comment">Submit</button> 
</form>

Как видно там есть добавления файла(фото) и другие поля. Сейчас все работает так: добавляю фотку, заполняю поля, жму кнопку подтверждения и всё окей. Но я хочу что бы после того как пользователь нажал на кнопку выбора файла, выбрал файл высвечивалась какая-то надпись говорящая что всё окей. Повесить событие изменения поля, а после делать submit с помощью js не вариант, так как нужно что бы другие поля были обязательно заполнены(а если submit до их заполнения уйдут пустыми в бд) или если сделать такой submit с проверкой на заполненность других полей то всегда будет выбиваться ошибка после загрузки фото так как поля не будут заполнены. То есть, нужно сделать так, что бы после выбора фото юзером, ему выводилось сообщение что всё окей без submit-a формы до заполнения всех остальных полей. Подскажите пожалуйста, как это реализовать?

Вот php:

if (isset($_FILES['userfile'])) {
  $uploaddir = 'images/blog/';
  $uploadfile = $uploaddir.basename($_FILES['userfile']['name']);
if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) { 
  ?>
      <h5 > Photo '<?php echo $_FILES['userfile ']['name ']?>'is loaded succesfuly </h5><br>
  <?php
} else {
    ?> 
        <span> Error </span>
    <?php
         }
     }
?>