Как вызвать функцию отправки формы, используя плагин jQuery и Validate?

Question

У меня есть форма загрузки, которая должна отображать индикатор выполнения во время загрузки файла.Форма использует плагин jQuery Validate для ограничения типов файлов.

С моим текущим кодом индикатор выполнения отображается сразу после нажатия кнопки отправки, даже если файл не выбран или тип файла не соответствует.

Любые идеи, почему это происходит?

$(document).ready(function() {

    $('#document_upload').validate({

        rules: {
            uploaded_file: {
                required: true,
                accept: "pdf|jpg|gif|png"
            }
        },
        errorPlacement: function(error, element) {
            return true;
        }
    });

    $('#document_upload').submit( function() {

        $('#upload_progress').show();

     });

})

Answer 1

Получаете ли вы правильное сообщение об ошибке при отправке? Я так полагаю, потому что индикатор выполнения показывает, и поэтому форма не отправляется.

Как загружается файл? Это просто стандарт <input type="file">?

Это всегда будет отображать загрузчик при отправке, поэтому вам нужно будет добавить несколько проверок

$('#document_upload').submit( function() {
    $('#upload_progress').show();
});

Что вы можете добавить:

if($("#document_upload input[name=uploaded_file]").length >= 1){
    $('#upload_progress').show();
}

Можете ли вы настроить пример на jsfiddle.net?