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"，或更新整个视图以重新启用该按钮。

JSF 2.0命令按钮，以防止使用jQuery进行多次提交

2 个答案: