jQuery验证插件在单击按钮时验证表单

所以我有一个七部分的表单，其中六个选项卡通过CSS隐藏，当用户单击下一步时，另一部分会淡入

我已经提交了网页，以确保插件工作；它是。 本质上，它只是转到表单的下一部分，而不验证当前部分

例如

HTML

如果您使用的是plugin，那么在您的代码中，只有在单击按钮之后，插件才会初始化。如果插件没有初始化，那么就没有验证

$('#btn').click( function() { $("#form1").validate();});

相反，在DOM上调用一次，准备初始化表单上的插件

如果要在初始化后的任何时候测试表单，可以使用

---

我不知道您是如何设置每个部件以相互交互的，或者正在使用什么其他代码。仅基于您的OP，下面是一个使用我上面的答案的工作示例

演示：

---

您正在使用jQuery验证插件吗？这是值得一提的。对不起，我正在使用验证插件。我把我的剧本编辑成这样；不幸的是，我仍然得到和以前一样的结果。不知道这是否有帮助（或显示出我的无知…），我尝试在单击处理程序中使用if（$（“#form1”）.valid（）==true{alert（“hello”）}查看是否有任何情况发生，并得到恒定的“hello”@ArtTaylor，我不知道您还有什么地方出错。。。您的OP中没有显示足够的代码。@ArtTaylor，请参阅我编辑的答案。应用我的答案后，您的代码开始工作：谢谢您的输入，我今天早上收到了。我真的很感谢你们的帮助。

$('#btn').click( function() { $("#form1").validate();});

$('#btn').click( function() { $("#form1").validate();});

$(document).ready(function () {

    $('#form1').validate({ // initialize plugin
        // your options
    });

    $('#btn').click( function() { 
        $("#form1").valid();  // test the form for validity
    });

});

$(document).ready(function () {

    $('#form1').validate();

    $('#btn').click(function () {
        if ($("#form1").valid()) {
            alert('hello - valid form');
        }
    });

});