2010-11-24 61 views
1

我试图禁用我的网站上的表单,当用户单击提交按钮来停止重复提交。由于表单上存在输入类型文件,上传可能需要一段时间。到目前为止,我已经试过这禁用表单不提交其字段

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

麻烦的是,这将停止任何形式的数据发送到Web服务器。有什么方法可以禁用表单并仍然可以发布数据。

回答

3

让它做禁用之前提交:

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

禁用提交按钮而不是形式

+1

如果你这样做它看起来有点垃圾。 – 2010-11-24 15:54:02

0

什么只是禁用提交按钮?

+0

因为它看起来有点垃圾,如果你这样做。 – 2010-11-24 15:53:18

1

我不会禁用输入按钮,这会让用户感到困惑。我只是用一个“正在上传......”的信息覆盖这个表格。请参阅jQuery BlockUI插件。