Загрузите файл только определенного типа и создайте сообщение об ошибке, если пользователь загружает другой тип

Question

Я хочу загрузить файл строго с расширением .csv, но разрешить пользователю выбирать файл. Я не хочу создавать свойство accept, чтобы пользователь мог выбирать word, excel и т. Д., Но когда они нажимают кнопку upload, сообщают им, что файл имеет неправильный формат, и печатают сообщение в div.

Я создалdiv для сообщения и некоторый код JQuery для этого, но ничего не работает

<div class "validate">
   <p style = "color: red" id = p ="validate"><p>
<div>

<input type "file" name = "upload" id = upload_button"

<script>
     $("#upload_btn").change(function() {
         var input = document.getElementById('upload_btn');
         for ( var i = 0; i < input.files.length; ++i) {
           var ext = (input.files[i].upload.substring(input.files[i].upload.lastIndexof('.') + 1).toLowerCase());
                if (ext != 'csv') {
                  $("#p_validate").text("Please a supported CSV file to upload ");
                  document.getElementById("upload_btn").value = "";
                } else {
                  $("#p_validate").text("upported CSV file to upload ");
                  // document.getElementById("upload_btn").value = "";
                }
           }
         })
</script>

Я хотел, когда пользователь нажимает кнопку загрузки для любого файла, кроме .csv, он получает сообщение об ошибке типа «Пожалуйста, выберитеправильный файл "на теге p div