1

我正在尝试在选项卡之间切换时检查是否有脏表单 - 如果表单脏了，请显示警报。

我正在使用这个插件：https ://github.com/snikch/jquery.dirtyforms

Ii 在尝试转到外部页面时工作正常（在这里我会收到警告），但是当我在选项卡（引导程序）之间切换时，什么也没有发生。我已经制作了一个特殊的类（“.chkChange”）来听表单是否脏了，但是当我点击一个选项卡时没有任何反应。选项卡如下所示：

<li class="setup-conditions"><a data-toggle="tab" class="chkChange" href="#setup-conditions">Procedure</a></li>

而且我可以使用此代码段检查表单是否脏，但我需要帮助来触发脏表单中的警报构建：

$('#myTab li a').click(function () {
    if ($('form').dirtyForms('isDirty')) {
        //alert("Form is dirty");
    }
});

就像我说的，如果我将同一个类放在另一个（外部）链接上，它会提示是否有任何更改 - 机器人不在选项卡上。

4

1 回答 1

1

在这种情况下，您可以自定义事件绑定以将点击处理程序附加到您的链接。

$(document).bind('bind.dirtyforms', function (ev, events) {
    var originalBind = events.bind;

    events.bind = function (e) {
        $('#myTab li a').on('click', events.onAnchorClick);
        originalBind(e);
    };
});

然后脏表格将正确

  1. 检查表格是否脏
  2. 如果脏，阻止点击事件
  3. 显示对话框
  4. 如果用户决定继续，将重新触发点击事件

Dirty Forms 会自动忽略您的锚标记，因为它没有 HREF 标记。这是一个由社区贡献的功能，我现在正在重新考虑，因为显然有一个论点来监控有时没有 HREF 的锚标记。

更新

2.0.0-beta00005中的默认行为已更改为默认包含没有 HREF 标记的链接。那应该可以解决此问题，因此您无需附加该事件。但是，根据您使用的库，您可能需要向ignoreSelector脏表单添加一个以停止观看它们。

$('form').dirtyForms({ ignoreSelector: 'a.some-class:not([href])' });
于 2015-09-15T23:12:33.317 回答