与动态控件一起使用的 jQuery Validation 插件答案

【问题标题】：jQuery Validation plug-in that works with dynamic controls与动态控件一起使用的 jQuery Validation 插件
【发布时间】：2011-06-07 15:30:05
【问题描述】：

我已经尝试了找到here 的插件，但我无法让它与动态控件一起使用。

还有哪些其他验证器可以与动态控件一起使用？

动态示例：http://jsfiddle.net/wY6xt/2/

【问题讨论】：

究竟是什么不起作用？让我们看看您现有的一些代码？该插件是最好的（据我所见）。您只需要正确设置即可！
示例：jsfiddle.net/wY6xt/2
您动态生成的输入具有相同的名称 - 这是一个问题，因为错误消息出现在具有该名称的输入的标签中。动态输入后的 td 也未关闭。您需要为每个输入动态生成不同的名称

标签： jquery jquery-plugins jquery-validate

【解决方案1】：

如果您在 FF 中执行“检查元素”，您会看到所有新输入确实添加了“错误”类（如果为空），但由于所有输入具有相同的名称，因此错误消息仅显示一次。如果您将动态字段称为其他内容，它将显示两次（一次用于静态输入，一次用于第一个动态输入。现在，如果您将所有输入命名为不同的名称（无论如何您都需要），它会正常工作。

【讨论】：

就是这样！我注意到了这一点，但不知道它为什么这样做。无论如何，我更新了示例以显示它使用唯一 ID：jsfiddle.net/wY6xt/3

【解决方案2】：

有几种方法可以实现这一点。

动态添加输入时，使用.rules() 方法添加适当的验证规则。
向输入添加类，例如<input type="text" ... class="required email">

【讨论】：

【解决方案3】：

您没有尝试过dynamic demo 吗？效果很好...您有什么要求？

【讨论】：

好吧，我没看到那个例子。我只是在使用类。这是否意味着addMethod 必须用于动态表单？
addMethod 函数只是在这里添加自定义验证规则。验证的动态部分在于$("#orderform").delegate 回调，尤其是valid() 调用