为什么单击禁用的提交按钮只能在 Internet Explorer 8 中提交表单？

Question

在我的 Rails 3 应用程序中，我有以下形式：

<%= form_tag("/lounge/add_new_message", :id => "new_message_form", :remote => true) do %>
  <%= text_area_tag("new_message_area", nil, :maxlength => 1000) %>
  <%= submit_tag("Send", :id => "new_message_button", :disabled => true) %>
<% end %>

页面加载时按钮被禁用。

但是，当在 Internet Explorer 8 中单击禁用按钮时，会提交表单。在 Firefox 4 和 Chrome 10 中，不会提交表单。

我添加了以下 JavaScript 来验证该按钮确实已禁用：

$('form').submit(function() {
  alert($('#new_message_button').attr("disabled"));
});

并且它确实在警报框中显示“true”。

我尝试创建一个最小的示例来展示这一点，但没有成功。

造成这种奇怪行为的原因是什么？

Answer 1

这似乎是 IE8 中的某种错误。我无法使用 Christian 的解决方案，因为我的应用程序中的另一个脚本只允许我发出一个提交，并且我必须等待服务器的响应才能提交另一个提交（在 Christian 的情况下永远不会发生）。所以我通过不使用提交按钮，而是使用普通按钮并调用 javascript 方法（也使用 JQuery）解决了这个问题。

        function deleteButtonClicked(button){ /*pass button reference*/
          if(button.disabled == false){ /*only do something when button is enabled*/
            $('#action').val("delete"); /*in case of multiple submit buttons, indicate which button is used*/
            $('#MyForm').submit(); /*call the form-submit manually*/
            }
        }

例如，使用“onclick”参数来触发脚本。

    <form name="MyForm" ...etc etc...>
    <input type="button" name="delBtn" value="Click here to delete" onclick="deleteButtonClicked(this)">
    </form>

希望这有帮助。

Answer 2

尝试在提交事件上添加return false。例如：

$('form').submit(function() {
  return false;
});

希望有帮助！

Answer 3

我想知道 - 这可能是由于远程表单中按钮上的“onclick”事件造成的吗？禁用的按钮仍然是“可点击的”，并且可能会将其传递给表单提交功能。