如果以前 e.preventDefault() 在它的按钮上，如何重置表单功能？

Question

我有一个表格可以自然地完成它的工作，上面的表格有 3 个 Bootstrap 选项卡和一些文本。如果 Camp 的特定选项卡打开，那么它应该将用户重定向到联系页面，而不是将数据传递到其页面。这可行，但如果用户单击 Camp 的选项卡然后将选项卡更改为其他选项卡，则表单不会重置其功能。

我怎样才能删除 reset_form() 中的 e.preventDefault() 并让表单正常工作？

    var $reservationBtn= $("#js-reservation-btn");

    // Don't send form to it's page, but redirect user to Contact page
    function redirect_form_to_contact_page() {
        $reservationBtn.on('click', function(e) {
             e.preventDefault();
             window.location.href = 'https://www.example.com/contact';
        });
    }

    // Reset form so it works normally
    function reset_form() {
        $reservationBtn.on('click', function(e) {
            return true;
        });
    }

    // Depending on a tab clicked redirect to Contact or reset form
    $("#reservation__list a").click(function() {

        if ($(this).hasClass('js-reservation-tab-btn-camp')) {
            redirect_form_to_contact_page();
        }
        else {
            reset_form();
        }

    });

Answer 1

尝试unbind点击事件

$reservationBtn.unbind('click');