Проверять тип файла при отправке формы?

У меня есть форма со следующими полями,

<form onsubmit="return checkcreateform()" action="/gallery/create" method="post" enctype="multipart/form-data">
   <label>Type:*</label>
    <label for="type-1">
     <input type="radio" checked="checked" value="1" id="type-1" name="type">Image
    </label>
   <br>
   <label for="type-2">
   <input type="radio" value="2" id="type-2" name="type">Video
   </label>  
   <label class="itemdetailfloatL required" for="file">File:*</label>
   <input type="hidden" id="MAX_FILE_SIZE" value="8388608" name="MAX_FILE_SIZE">
   <input type="file" tabindex="5" class="text-size text" id="file" name="file">
 <input type="submit" value="Create" id="submit" name="submit">
</form>

Я хочу проверить перед отправкой формы. Здесь, как я могу проверить, выбирает ли пользователь тип изображения и загружает видео или выбирает тип видео и загружает изображение?

Мы можем добиться этого с помощью javascript или jquery. Любой быстрый способ проверить это?

Пожалуйста, помогите мне в этом .