Question

我正在使用 5个步骤但单个表单的此向导，目的是在用户点击<时，在单个服务器请求上处理数据strong>完成按钮。

我正在尝试使用Jquery Validate插件来验证每个步骤单独，我最初的想法是每次用户点击下一步时重新初始化插件，如下所示：

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()方法根据需要激活/停用规则。

否则，默认情况下会忽略隐藏字段。因此，通常在多步骤表单上，当隐藏非活动选项卡中的字段时，不再验证它们。这是许多人将采取的方法，取决于多步骤形式的类型。

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

1 个答案: