Why when I upload the file the page refresh?

script.js

@@ -36,14 +36,16 @@ document.addEventListener('DOMContentLoaded', function() {
 // Handle file upload
     uploadForm.addEventListener('submit', async (e) => {
         e.preventDefault();
+        e.stopPropagation();
         
-        const fileName = document.getElementById('file-name').value;
-        const fileInput = document.getElementById('file-upload');
+        const fileName = document.getElementById('file-name').value.trim();
+const fileInput = document.getElementById('file-upload');
         const file = fileInput.files[0];
-        
-        if (!file || !fileName) return;
-        
-        // Create a new file card immediately
+        if (!file || !fileName) {
+            alert('Please provide both a project name and select a file');
+            return false;
+        }
+// Create a new file card immediately
         createFileCard(fileName, 'pending');
         
         // Close modal
@@ -129,7 +131,11 @@ document.addEventListener('DOMContentLoaded', function() {
         }
         
         // Reset form
-        uploadForm.reset();
+        // Reset form after slight delay to allow user to see submission feedback
+        setTimeout(() => {
+            uploadForm.reset();
+        }, 500);
+        return false;
 });
     // Function to create a new file card
     function createFileCard(name, status) {