form.submit 触发多次，每次响应后额外触发一次

Question

我有一个多次触发的 form.submit。第一次，还好。在我收到回复后，如果我再次单击提交按钮，它会触发两次。然后三次。似乎每次响应返回时，下次单击按钮时提交都会触发一次额外的时间。

RetrievePassword = function () {
    var $popup = $("#fancybox-outer");
    var form = $popup.find("form");
    form.submit(function (e) {
        var data = form.serialize();
        var url = form.attr('action');
        $.ajax({
            type: "POST",
            url: url,
            data: data,
            dataType: "json",
            success: function (response) {
                if (response.Success) {
                    $.fancybox.close();
                }

                alert(response.Message);
            },
            error: function (xhr, status, error) {
                alert(xhr.statusText);
            }
        });

        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
        return false;
    });

};

我什至不确定如何调试它。任何建议表示赞赏...

Answer 1

我假设您多次致电RetrievePassword()。每次您调用它时，都会注册另一个 onsubmit 处理程序。

解决方案是只注册一次处理程序。