jquery - JSF 2.0 命令按钮使用 jQuery 防止多次提交

Question

我正在使用 JSF 2.0 并在双击提交按钮时处理多次提交。

单击时我使用 jQuery 禁用命令按钮，这是我的代码：

$("input[name='form:submitButton']").click(function() {
    $(this).attr("disabled", true);
    return true;
});

当我单击按钮时，提交按钮成功禁用，但提交根本没有触发。

任何人都可以给我一些提示吗？

非常感谢！！

Answer 1

尝试

$("input[name='form:submitButton']").click(function() {
    setTimeout("$(this).attr('disabled', true);", 50);
    return true;
});

或者

<h:commandButton value="Go"
   onclick="setTimeout('this.disabled = true;', 50);" 
   action="#{bean.go()}"/>

Answer 2

尝试这样的事情

<h:commandButton value="Submit" onclick="document.getElementById(\'' + this.id + '\').disabled=true;">
  <f:ajax execute="@form" listener="#{bean.listener}"/> 
</h:commandButton>

您可以添加f:ajax oncomplete="....disabled=false"或更新整个视图以重新启用该按钮。