如何使用 Jquery Validate 多次验证表单

Question

我正在开发这个向导，它有 5 个步骤，但 一个表单，目的是在一个单一的表单上处理数据当用户点击 Finish 按钮时服务器请求。

我正在尝试使用Jquery验证插件来单独验证每个步骤，我最初的想法是每次用户点击下一步时重新初始化插件，就像那样:

function validateStepOne(){

    $("#form").validate({
        rules: {
            x: "required"
     }}); 

    if(!$("#form").valid()){
        return false;
    }

    return true;
}

function validateStepTwo(){
    $("#form").validate({
        rules: {
        y : "required",
    }}); 

    if(!$("#form").valid()){
       return false;
    }

    return true;
}

但这似乎不起作用，因为 在第二个以上步骤中，表单始终被标记为有效，所以我想知道如何重置验证插件才能验证不止一次相同的表格.. 欢迎任何帮助

Answer 1

您不能重新初始化插件。它只能在窗体上初始化一次。您的选择是将其分成五个不同的 form 容器，或者根据需要使用 .rules() 方法来 activate/deactivate 规则。

否则默认忽略隐藏字段。因此，通常在多步骤表单中，当非活动选项卡中的字段被隐藏时，它们将不再被验证。这是许多人会根据多步骤表单的类型采用的方法。

如何使用 Jquery Validate 多次验证表单

How to validate form more than once with Jquery Validate

forms

jquery

jquery-validate