jQuery 在运行时删除validationEngine

Question

我正在使用validationEngine脚本来验证表单。我初始化它：

$("#formid").validationEngine();

我并没有真正通过提交按钮提交表单。我使用带有 onclick 事件的锚元素，该事件调用 saveElement() 函数。在这个函数中我调用：

$("#formid").validationEngine('validate');

效果很好。

之后，我重置了字段（例如，将输入字段的内容设置为 ""），通过该字段，所需的字段开始显示错误。

为了防止发生这些错误，我想从表单元素中删除validationEngine。但我就是无法删除它。我尝试了各种选项，包括下面的选项，但都不起作用。

$('#formid').validationEngine('hideAll'); // To hide the error messages
$('#formid').validationEngine('detach');  // To remove the validationEngine

有人建议我如何删除验证引擎吗？

解决方法

看起来确实没有解除绑定的方法。我已经在 github 项目中添加了一个问题。也许他们会实现一个解除绑定的方法： https://github.com/posabsolute/jQuery-Validation-Engine/issues/287

作为解决方法，我想出了以下解决方案： 您可以：

• 使用 jQuery.clone() 复制没有事件的表单，删除原始表单并再次将validationEngine添加到表单中
• 删除表单元素上的验证类，将它们存储在数组中并在重置后再次插入它们表单

仍然打开

也许有更好的解决方案或解决方法。如果您知道，请告诉我。

Answer 1

这个问题仍然没有解决。我需要在现有应用程序中禁用验证，以允许在不验证表单的情况下发生回发事件。我通过使用如下正则表达式删除验证类成功地做到了这一点：

// Work around
$('[class*="validate"]').each(function () {
      var _this = $(this);
      _this.attr("class", _this.attr("class").replace(/validate\[.*]+\s?/, ""));
});

Answer 2

我认为你真的是过度设计了。这可能不是您期望的答案，但我认为您应该这样做：

首先，在要提交的锚元素上，执行以下操作：

$('#anchorElement').click(function() {
    $('#formid').submit()
})

然后，您可以这样做以在提交后删除表单：

$('#formid').submit(function() {
    // Do your submitting stuff, like validating.
    $(this).remove()
    // Or use $(this).hide() if you simply want to hide it.
})

但我不会不提倡使用锚元素的方法。几乎每个网站都必须进行良好的降级。

问题是，当您的用户没有启用 JavaScript 时，您的表单将永远不会被提交。

顺便说一句，看起来验证引擎没有“解除绑定”。请参阅此处的解决方案：从表单中删除 JQueryvalidationEngine