如何排除控件使表单变脏？

Question

我正在使用这个：$('form').dirtyForms(); from https://github.com/snikch/jquery.dirtyforms 来检查我的表单是否脏了。但是，在我的页面上，我有一些仅用于过滤的下拉列表（它们不应使我的表单“脏”）。现在，当我选择这些下拉列表中的任何一个时，它都会导致我的表单变脏。使用 jquery.dirtyforms（我阅读了他们的文档，但没有看到如何），如何通过类名排除选择器（下拉菜单、文本框等），以便它们不会将表单标记为脏。

我尝试了各种方法，例如为这些下拉列表/过滤器分配一个名为 ignoreDirty 的类，然后在我的 jquery 中我这样做了：

$('form').dirtyForms().ignoreClass('ignoreDirty');

这会产生一个错误，所以我一定是做错了什么。 注意我也尝试通过属性设置它：

$('form').dirtyForms({ ignoreClass : "ignoreDirty" });

但这仍然使我的表单对于类名仍为 ignoreDirty 的任何控件都很脏 请注意，这些过滤器会导致回发，但可以说我去我的表单并且没有进行任何更改。我开始点击这些过滤器，然后在他们回复的那一刻发生这种情况：

Answer 1

有人可以说，插件代码对我来说几乎没有意义 :D 但是为了让它快速忽略选择框，你可以用下面的替换它的onSelectionChange

原创功能

var onSelectionChange = function() {
    $(this).dirtyForms('setDirty');
}

新版本

var onSelectionChange = function () {

   //this is the new line. self explanatory
   if ($(this).hasClass($.DirtyForms.ignoreClass)) return;


   $(this).dirtyForms('setDirty');
}

在此之后，您应该依靠原始开发人员进行适当的修复。由于 cmets 中的空间，我只是将其发布为答案

Answer 2

这里似乎有 2 个不同的问题。

首先，您尝试将ignoreClass 设置为ignoredirty。 ignoredirty 是默认值，所以没有理由设置它。但是，如果您确实需要将其设置为其他内容，则可以使用以下语法：

$.DirtyForms.ignoreClass = 'my-ignore-class';

其次，在 1.0.0 版本中，ignoreClass 仅适用于超链接。在 1.1.0 版本中，此行为已被修改为与输入和选择元素一起使用。

在 1.2.0 版本中，您现在还可以将 ignoreClass 设置为父容器元素，以忽略来自其中任何元素的输入或点击。