如果将按钮放入SubmitHandler，为什么我的按钮在jquery中单击两次？

Question

我有一个简短的表格，您可以在这里看到它http://jsfiddle.net/azxpckg5/1/

我有一个问题-再现它的方法是单击“ save按钮。 然后将出现另一个名为submit按钮。 当用户单击它时-它消失了就可以了。 但是，当用户重复此过程时（再次单击“ save并再次submit -他可以看到最后一次单击重复了两次。我相信错误可能在这里：

submitHandler: function (form) {
        alert("here!");
        $(".overlay-boxify2").toggleClass("open");
        $('#submitcForm').click(function() {
   // 
         $(".overlay-boxify2").toggleClass("open");
            alert("hegdsgsd");
        });
        return false;
    }

但老实说，我不知道如何解决它，可能是什么问题。 你能帮我吗？

Answer 1

问题是因为您要在表单的每个提交#submitcForm另一个click事件处理程序附加到#submitcForm按钮上（在单击#saveBtn时发生。将单击处理程序#saveBtn validate()调用之外，您的代码将按您的方式工作要求。

$('#invoiceForm').validate({
    // settings...
});

$('#submitcForm').click(function () {
    $(".overlay-boxify2").toggleClass("open");
});

更新的小提琴

Answer 2

使用.off()防止在您的按钮上附加多个click eventListener

submitHandler: function (form) {
    alert("here!");
    $(".overlay-boxify2").toggleClass("open");
    $('#submitcForm').off().click(function() { // see the use of .off()
        $(".overlay-boxify2").toggleClass("open");
        alert("hegdsgsd");
    });
    return false;
}

进一步了解.off（）