Question

Language: Javascript (PHP page)

I have 2 buttons on a page:
— One is an upload image button (#upload),
— & another is a “save / submit form” button (.multi-accordion-submit).

What the .js below does is it disables the submit button (.multi-accordion-submit) while files are being uploaded while user uses the other button (#upload) & text inside #upload says “Uploading…”.

After an upload & text goes back to “Upload More” for #upload, the .multi-accordion-submit button’s disabled attribute should now be removed.

But the problem is, it remains disabled and unclickable, rendering the submit button (.multi-accordion-submit) useless.

I don’t know how to fix it, the code below looks fine & should work.

Any guidance and assistance would be greatly appreciated! Thanks for your time.

$(function () {
    var btnUpload = $('#upload');
    var status = $('#status');
    var url = $('#upload_path').val();
    new AjaxUpload(btnUpload, {
        action: url,
        //Name of the file input box
        name: 'image',
        onSubmit: function (file, ext) {
            $('#upload-error').hide();
            if (!(ext && /^(pdf|ai|psd|bmp|cdr|clk|gif|jpg|jpeg|ppt|pub|doc|docx|pcx|pic|pict|pct|png|ps|tif|tiff|emf|wmf|indd)$/.test(ext))) {
                // check for valid file extension 
                $('#upload-error').show();
                return false;
            }
            btnUpload.text('Uploading...');
            $('.multi-accordion-submit').attr('disabled', true);
        },
        onComplete: function (file, response) {
            if ($('.file-elements').length > 0) {
                if ($('.file-elements:visible').length == 0) {
                    window.location.href = document.location.href;
                } else {
                    btnUpload.text('Upload More');
                    $('.multi-accordion-submit').attr('disabled', false);
                }
            } else {
                btnUpload.text('Upload More');
                $('.multi-accordion-submit').attr('disabled', false);
            }


            //Add uploaded file to list
            if (response === "success") {
                $('<li></li>').appendTo('#files').html(file).addClass('upload-files');
            } else {
                $('<li></li>').appendTo('#files').text(file).addClass('upload-files');
            }
        }
    });
});

Answer 1

//try to use
$('.multi-accordion-submit').attr('disabled','disabled'); 
//and
$('.multi-accordion-submit').removeAttr('disabled');