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

我目前有一个附加到提交按钮的灯箱弹出窗口，仅在第一次单击提交按钮时显示。基本上，在有人提交表单之前，我们希望他们在点击提交按钮时看到这个弹出窗口。一切工作正常，但现在我需要将其设置为第一次单击时表单不提交/处理的位置。但是，在第一次单击后，需要启用提交按钮才能提交表单。

知道如何将以下代码更改为提交按钮仅在第一次单击提交按钮时才处理表单吗？

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

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

    });
    </script>

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
        });
    }
});

在第一次提交时设置一个变量，然后在第二次提交时由于该变量而执行不同的操作。

Edit:一致的引用和代码清理。