Ich benutze parsley.js in einemUSP Pro Formular in Wordpress. Die Validierung funktioniert im Allgemeinen, aber jetzt versuche ich, die maximale Dateigröße zu validieren, und ich verstehe nicht wirklich, wie es geht.

Ich habe diese gefundenAnleitun, konnte es aber nicht zum Laufen bringen.

Hier ist mein Code:

<input type="file" data-parsley-error-message="This field is required" required="required" placeholder="File(s)" name="usp-files[]" multiple="multiple" data-filemaxsize="1.5" maxlength="255" class="file-input usp-input usp-input-files usp-clone" id="usp-multiple-files" data-parsley-id="3077">


window.ParsleyConfig = {
    validators: {
        filemaxsize: function (val, max_megabytes, parsleyField) {
            if (!Modernizr.fileapi) { return true; }

            var $file_input = $(parsleyField.element);
            if ($file_input.is(':not(input[type="file"])')) {
                console.log("Validation on max file size only works on file input types");
                return true;
            }

            var max_bytes = max_megabytes * BYTES_PER_MEGABYTE, files = $file_input.get(0).files;

            if (files.length == 0) {
                // No file, so valid. (Required check should ensure file is selected)
                return true;
            }

            return files.length == 1 && files[0].size <= max_bytes;
        }
    },
    messages: {
        filemaxsize: "The file cannot be more than %s megabytes."
    }
};

window.Modernizr.addTest('fileapi', function() { return window.File && window.FileReader; });
window.BYTES_PER_MEGABYTE = 1048576;

jQuery(function($){
    $('.usp-form').parsley();
});

Ich habe versucht, ein Bild mit 19 Megabyte hochzuladen, aber es ist nichts passiert. Keine Fehler oder irgendetwas, nichts in der Konsole.

Was vermisse ich