JQuery 具有虚拟页面浏览量的验证器

Question

我正在制作一个带有一些表格的着陆页，我正在使用 JQuery 验证器来验证每个表格上的输入，问题是其中两个表格应该具有相同的 ID 和Class，并通过 class 本身进行验证

$('form.contact-1').validate({

所以这个 class 有两个表格，在您填写第一个表格后，它会简单地 show/hide 显示第二个表格，它只是第一个表格的扩展。然后它将整个虚拟页面视图发送到 Google Analytics。这就是它在理论上应该如何工作，缺点是当我填写第一个表格并移动到第二个表格时，JQuery 验证器停止工作。

有没有什么方法可以实现这一点而无需进行更多单独的验证？

Answer 1

没有你完整的代码，排查起来有点困难，但你可以试试下面的方法。

 $('form').each(function() {  
        $(this).validate({       // initialize plugin on each form
            // global options for plugin
        });
    });

回答来自Validation plugin - Auto validate multiple forms on a page

Answer 2

"...the thing is that two of the forms should have the same ID and Class, and they are validated through their class as such..."

如果你想在一个页面上的多个表单上初始化插件，那么你需要用 .each().

包装 .validate() 方法

$('form.contact-1').each(function() {
    $(this).validate({
        // global rules & options for all forms
    });
});

Official Documentation:

The plugin can handle only one form per call. In case you have multiple forms on a single page which you want to validate, you have to initialise them all individually

重要：如果您确实在两种形式上使用了相同的id，那么这是无效的HTML，因此跨浏览器不可靠，任何 JavaScript 都可能失败或不可预测。如果您不能使每个 id 都是唯一的，则完全删除 id 并仅依赖 class 名称，它被设计为可重复的。

工作演示：http://jsfiddle.net/n9Lup2dy/

JQuery 具有虚拟页面浏览量的验证器

JQuery Validator with Virtual Page Views

jquery

jquery-validate