Javascript 已禁用的表单未提交其字段

Javascript 已禁用的表单未提交其字段,javascript,jquery,html,Javascript,Jquery,Html,当用户单击“提交”按钮停止重复提交时,我试图在我的网站上禁用表单。由于表单上有一个输入类型文件,上载可能需要一段时间。到目前为止我已经试过了 $("#uploadForm").submit(function () { $(":input", this).attr('disabled', 'disabled'); }); 问题是,这会阻止表单向web服务器发送任何数据。是否有某种方法可以禁用表单并仍让它发布数据。禁用提交按钮而不是表单禁用提交按钮而不是表单只禁用提交按钮怎么样?只禁用提交

当用户单击“提交”按钮停止重复提交时,我试图在我的网站上禁用表单。由于表单上有一个输入类型文件,上载可能需要一段时间。到目前为止我已经试过了

$("#uploadForm").submit(function () {
    $(":input", this).attr('disabled', 'disabled');
});

问题是,这会阻止表单向web服务器发送任何数据。是否有某种方法可以禁用表单并仍让它发布数据。

禁用提交按钮而不是表单

禁用提交按钮而不是表单

只禁用提交按钮怎么样?

只禁用提交按钮怎么样?

我不会禁用输入按钮,这会让用户感到困惑。我会在表格上加上一条“上传…”的信息。请参阅jQuery BlockUI插件。

我不会禁用输入按钮,这会让用户感到困惑。我会在表格上加上一条“上传…”的信息。请参阅jQuery BlockUI插件。

让它在禁用之前进行提交:

$("#uploadForm").submit(function () {
    setTimeout(function(){$("#uploadForm :input").attr('disabled','disabled');}, 10);
    return true;
});

让它在禁用之前进行提交:

$("#uploadForm").submit(function () {
    setTimeout(function(){$("#uploadForm :input").attr('disabled','disabled');}, 10);
    return true;
});

单击“提交”时使用进度条如何


单击“提交”时使用进度条怎么样


因为你那样做看起来有点垃圾。因为你那样做看起来有点垃圾。你那样做看起来有点垃圾。你那样做看起来有点垃圾。