JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" name="file" />

JavaScript

$('input').on('change', function() {
    console.log(1)
        var fileName = $(this).val();
        if (fileName == "") {
            alert("Browse to upload a valid File with zip extension");
            return false;
        }
        else if (fileName.split(".")[1].toUpperCase() == "zip")
            return true;
    
        else {
            alert("File with " + fileName.split(".")[1] + " is invalid. Upload a valid file with zip extensions");
            return false;
        }
        return true;
    });