首次单击Jquery时禁用提交按钮

Question

我目前有一个灯箱弹出窗口附加到提交按钮,该按钮仅在第一次单击提交按钮时显示.基本上在有人提交表单之前,我们希望他们在点击提交按钮时看到这个弹出窗口.并且一切正常,但现在我需要将其发送到第一次点击的位置,表单不提交/处理.但是,在第一次单击之后,需要将提交按钮启用到他们可以提交表单的位置.

知道如何将下面的代码更改为仅在第一次单击提交按钮时提交按钮不处理表单的位置？

   <script type="text/javascript">
    $('#Submitbutton').one("click",function(e) {

    $('#lp').lightbox_me({
    centered: true,
    overlayCSS:{background: '#481d33', opacity: .45},
    overlaySpeed:0,
    lightboxSpeed:0
    });

    });
    </script>

Answer 1

var hasClicked = false;
$('#Submitbutton').on('click',function(e) {
    if (hasClicked === true) {
        //submit form here
    } else {
        e.preventDefault();
        hasClicked = true;
        $('#lp').lightbox_me({
            centered: true,
            overlayCSS:{background: '#481d33', opacity: .45},
            overlaySpeed:0,
            lightboxSpeed:0
        });
    }
});

在第一次提交时设置变量,然后在第二次提交时根据该变量执行不同的操作.

编辑:一致的引号和代码清理.