JSFiddle - React, Tailwind, and code Playground

HTML

<form >
        <input type=file id=f max-size=32154 >
        <input type=submit>
    </form>

JavaScript

$(function(){
    $('form').submit(function(){
        var isOk = true;
        $('input[type=file][max-size]').each(function(){
            if(typeof this.files[0] !== 'undefined'){
                var maxSize = parseInt($(this).attr('max-size'),10),
                size = this.files[0].fileSize;
                isOk = maxSize > size;
                return isOk;
            }
        });
        document.write('<br> validation:'+isOk);
        return isOk;
    });
});