如何将 jQuery 验证插件与 jQuery 选择器插件结合使用？

Question

我正在处理一个旧项目，其中包含大量 jQuery 和一些 jQuery 插件。其中一个插件是jQuery Validation Plugin，它根据提供的自定义规则验证输入。另一个是jQuery Selecter plugin，它用一个模仿select标签行为的漂亮的div替换了普通无聊的select标签。

我现在遇到的问题是 jQuery Selecter 插件隐藏了普通的 select 标签，而是用户与 .selecter div 交互，然后以某种方式将选定的值传递给 select 标签。另一方面，jQuery Validation Plugin 仅在用户直接与该元素交互（单击它）时才尝试验证 select 元素。 jQuery Validation Plugin 不会被select 标签值的改变触发。这意味着当用户单击.selecter 元素并且jQuery Selecter 插件更改select 的值时，jQuery Validation Plugin 不会尝试检查select 元素的值并且仍然认为该元素无效.

所以我的问题是，有没有人有任何经验在选择器插件更改select元素的值时使用这两个插件以及使验证插件工作的任何经验？

Answer 1

用户没有与原始 select 元素进行交互，因为它是隐藏的，因此不会触发插件的内置验证事件。

看不到你的 JavaScript 或你的标记，所以这个答案是完全通用的。但是，您将编写一个 change 处理程序，该处理程序在 select 更改时触发，并以编程方式对其进行强制验证。

$('#yourSelect').on('change', function() {
    $(this).valid(); // force validation
});

$('#yourSelect') 是一个 jQuery 选择器，它以原始隐藏的 select 元素为目标。