Javascript 使用Jquery validate在单击时验证单个字段集

我制作了一个表单，它有几个部分，后面的部分是隐藏的，但在用户点击当前部分的下一步按钮后会显示出来。我正在尝试在显示表单的其余部分之前，在此单击上执行“必须填写简单”验证

从这里的其他问题来看，我的方法应该行得通。。如果发现错误，则var validate应等于true，该错误将停止表单的运行，但在填写字段并再次单击按钮后，将允许表单运行

然而，目前所有这些似乎都是验证第一个字段，然后什么也不做。即使该字段是有效的，它仍然不会与函数上的其余操作一起进行

js库：

我正在尝试使用的方法：

从这里的其他问题来看，我的方法应该行得通。。如果发现错误，var validate应等于true

。在代码中，您已经从条件中删除了元素部分。如果没有错误，$'yourform.validate.element应该返回true

更好的方法

参考官方网站，简单地使用它来测试表单和/或单个元素。true表示没有错误

或

---

从这里的其他问题来看，我的方法应该行得通。。如果发现错误，var validate应该等于true~我不确定您在哪里看到的。请参阅并简单地使用.valid方法测试表单。true表示没有错误。否则，如果没有错误，$'yourform'.validate.element将返回true。在您的代码中，您已经从条件中删除了元素部分。@Sparky为此干杯。。你能把做这件事的正确方法贴出来作为答案吗？这样我就可以给你评分了？对其他用户也很有用

<div class="col-sm-8 sec-one">
    <div class="form-group">
        <select name="t1" required>
            <option value="" disabled selected>Choose an option...</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="A">A</option>
            <option value="D">D</option>
        </select>
    </div>
    <div class="form-group">
        <select name="t2" required>
            <option value="" disabled selected>Choose an option...</option>
            <option value="A">A</option>
            <option value="D">D</option>
            <option value="B">B</option>
            <option value="C">C</option>
        </select>
    </div>
    <button type="button" class="formbut next1">Next</button>
</div>


var validator = $("form").validate();

$(".next1").click(function () {
    validator.element('.sec-one [name]');
    if (validator) {
        $(".sec-one").slideUp("slow", function () {
            $(".sec-two").slideDown("slow");
        });


    } else {}
});

var validator = $("#myform").validate();  // create the validator variable
validator.element("#myselect"); // test an element

$('#myform').valid();

$('input[name="myelement"]').valid();