防止在 Jquery-File-Upload 中提交答案

【问题标题】：Prevent Submit in Jquery-File-Upload防止在 Jquery-File-Upload 中提交
【发布时间】：2014-04-30 07:20:58
【问题描述】：

我在我的页面中使用 Jquery File Upload(http://blueimp.github.io/jQuery-File-Upload/) 和 Bootstrap 验证器(https://github.com/nghuuphuoc/bootstrapvalidator)，如果表单有效，我只需要在服务器上上传文件，因此我覆盖了 Jquery 的默认提交功能-文件上传如下

    $(document).ready(function() {
                $('.fileupload').fileupload({
                    url: '/upload',
                    autoupload: false,
                    dropZone: $(".fileuploadzone"),
                    submit: function (e) {
                        $(document).bootstrapValidator('validate');
                        if ($(document).data('bootstrapValidator').isValid()) {
                            return true;
                        }
                        else {
                            return false;
                        }
                    }

                });
                $('.fileupload').bind('fileuploadfinished', function (e, data) {

                   submitForm();

                });
   });

它适用于第一次点击提交按钮（“有效”或“无效”），但之后即使表单有效也不起作用。我的意思是既不执行验证也不执行文件上传过程。请帮忙！

【问题讨论】：

标签： jquery validation twitter-bootstrap jquery-file-upload

【解决方案1】：

我认为您只需要在每次提交表单后重置引导验证器即可。

$('.fileupload').bootstrapValidator('resetForm', true);

【讨论】：

【解决方案2】：

我和你有同样的问题，

**如果提交事件回调返回false，则上传请求不会启动。 (enter link description here)

这是我的解决方案。当提交回调返回 false 时，开始按钮被禁用，我尝试在提交回调中删除“禁用”属性，它对我来说工作正常。

submit: function(){
//---invalid--
$('button.start').removeAttr('disabled');
return false;
}

祝你好运。

【讨论】：