如果验证失败，防止选项卡更改 - easyResponsiveTabs

Question

我在我的应用程序中实现了 easyResponsiveTabs。在每个选项卡中，我都使用 AjaxBeginForm 来发布我的数据。我正在通过单击隐藏的保存按钮更改选项卡时保存我的数据。

如果验证失败，我想防止标签更改。有没有可用的选项。 我在更改选项卡时按照以下代码保存数据：

 $('#ulTab').on("click", "li", function (event) {
        var activeTab = $(this).find('a').data("tabid");           
        var hdnActivetabIndex = $("#hdnActivetabIndex");
        $("#hdnActivetabIndex").val('');
        var btnsave = $("#btnsavetab");
        if (btnsave != null && hdnActivetabIndex != null && btnsave.prop("disabled") == false) {
            hdnActivetabIndex.val(activeTab);
            btnsave.click();
        }
        else {
             Tab_Change(activeTab);
        }

    });
$('#divTabs').easyResponsiveTabs({
        type: 'default', //Types: default, vertical, accordion
        width: 'auto', //auto or any width like 600px
        fit: true, // 100% fit in a container
        tabidentify: 'horz_1', // The tab groups identifier
        activate: function (event) { // Callback function if tab is switched
            var $tab = $(this);
            var $info = $('#nested-tabInfo');
            var $name = $('span', $info);
            $name.text($tab.text());
            $info.show();
        }
    });

这里是点击按钮提交的表单。

Answer 1

添加 return false 以停止传播。

我建议你也将选择器更改为$('#ulTab li')。

$('#ulTab li').click(function (event) {
    var activeTab = $(this).find('a').data("tabid");           
    var hdnActivetabIndex = $("#hdnActivetabIndex");
    $("#hdnActivetabIndex").val('');
    var btnsave = $("#btnsavetab");
    if (btnsave != null && hdnActivetabIndex != null && btnsave.prop("disabled") == false) {
        hdnActivetabIndex.val(activeTab);
        btnsave.click();
        return false;
    }
    else {
         Tab_Change(activeTab);
    }

});