阻止请求在快速点击时获得重新启动

Question

我有一个项目，用户将提交表单，服务器将进行一些处理。我遇到一个问题，用户太快地点击提交按钮两次，这会导致服务器上的异常。我想要做的是在不禁用按钮的情况下防止双击（这是客户端的要求:(）。代码片段是：

<h:commandButton id="create_acct_btn" styleClass="common_btn" value="#{msg['ui.text.login.create']}">
                <f:ajax listener="#{termsPageBean.createAccount}" render="@form" event="click" onevent="createAccountClick"/>
            </h:commandButton>

function createAccountClick（event）{                     if（event.status ==“success”）{

                    if($('#createAccountResult').val() === 'true') { 
                        $.blockUI({ message: $('#create1'), css: { width: '275px', left: $(document).width()/2 - (275 / 2), border : '0px',
                            },
                    focusInput: false,
                    overlayCSS:{cursor:"default"}
                     });
                    }
                }
            }

知道怎么做。

Answer 1

只是一个想法，例如，当event.status =“开始”时，你可以取消绑定“click”事件，并在event.status时恢复它 =“成功”（或失败等）。

希望这会有所帮助。