作为一个普通的表单提交我想禁用提交按钮答案

【问题标题】：As a normal form gets submit i want to disable the submit button作为一个普通的表单提交我想禁用提交按钮
【发布时间】：2012-03-19 09:28:21
【问题描述】：

我有一个文件上传页面。最近我遇到了一个问题，即。当我不断单击提交按钮时，表单会被提交多次，我单击按钮.. 所以请帮助我。提前谢谢你。

【问题讨论】：

这个页面是用什么语言写的？您可以将页面中的相关代码添加到您的问题中吗？如果您可以在页面上使用 javascript，则此 SO 帖子中的解决方案可能对您有用：stackoverflow.com/questions/3186523/…。 StackOverflow 上有很多问题可以回答这类问题，因此我也鼓励您查看已经发布并已回答的帖子。

标签： submit

【解决方案1】：

不要删除按钮...只需禁用它，它对用户更友好

<form onsubmit="JavaScript:document.getElementById('submitbtn').disabled=true" >
<input type="submit" id="submitbtn">
</form>

【讨论】：

【解决方案2】：

我的 phpBB formpost 有类似的东西。 :)

<div class="inner">
    <fieldset id="buttons">
        <input type="submit" name="post" value="Submit" onclick="JavaScript:document.getElementById('buttons').style.display='none';document.getElementById('processingsub').style.display='block';" />&nbsp;
    </fieldset>
    <fieldset id="processingsub" style="display:none;">
        <input type="button" value="Sending Post - Please wait..." disabled="disabled" />&nbsp;
    </fieldset>
</div>

【讨论】：