如何禁用充当提交按钮的图像按钮

Question

我有一个图像按钮，用作表单提交按钮：

<a href="#" onClick="submitComment('+[id]+'); return false;"><img class="submitcommentimg" id="submitcommentimg<?php echo $id; ?>" src="/images/check.png" alt="Comment!" border="0"></a>

“禁用”以防止意外双击的最佳方式是什么。

Answer 1

单击锚点后删除锚点上的onclick处理程序。

示例：

<a href="#" onclick="/* .. do all your things ... */ this.onclick = function(){}; return false;">

Answer 2

将您的onclick属性更改为以下内容：

onclick="submitComment('+[id]+'); this.onclick='return false;'; return false;"

Answer 3

请改用<input type="image" src="/images/check.png" alt="Comment!">。这将充当提交按钮，具有不需要JavaScript的附加优势。没有充分的理由使用JavaScript来复制HTML已经可以很好地完成的事情。

Answer 4

删除onclick处理程序听起来像是正确的答案，如果您需要更多有关内容和方式的信息，请转到http://www.quirksmode.org/js/events_tradmod.html

Answer 5

最好的方法是制作一个“正在提交...”图像并更改代码如下：

<a href="#" onclick="this.onclick = "return false;"; this.getElementsByTagName('img')[0].src="/images/submitting.png"; submitComment('+[id]+'); return false;">
    <img class="submitcommentimg" id="submitcommentimg<?php echo $id; ?>" src="/images/check.png" alt="Comment!" border="0">
</a>

......或类似的东西。

在此示例中，图像称为“submitting.png”。