jquery 验证

Question

我有一个使用 jQuery Validate 的多页表单。

在第 1 页上，我有一个选择下拉列表，当有人选择某些内容时，它会加载同一页面上其他输入字段的规则。我的问题是，一旦用户提交并转到第 2 页，并决定他需要更改某些内容，并且..他返回到第 1 页，并且某些规则未应用，因此唯一的方法是重新选择选择器来重新应用这些 jquery 验证规则。

我需要确保在页面重新加载时重新应用规则...

我希望这是有道理的，并希望有人有一个简单的快速答案。

Answer 1

ASP.NET MVC 和部分客户端验证

看一下在它上面。

您可以通过编程方式调用 $('#myform').validate() 和 $('#myform').valid() 来了解表单是否有效并进入下一步。

$(".stepButton").live("click", function() {
    if (isValid(this)) {
        // code to proceed to next step
    }
});

function isValid(el) {
    var $thisform = $(el).parent().parent();
    $thisform.validate();
    return $thisform.valid();
}

Answer 2

您可以将所选选项保存在第 2 页的 php 会话中：

session_start();
$_SESSION['yoursession'] = $_POST['option'];

在第 1 页上，您添加一个变量，用于将会话保存在 javascript 中。
使用 json_encode() 正确转义它：

<script type="text/javascript">
    <?php echo 'var option = "'.json_encode($_SESSION['yoursession']).'";';
</script>

因此，如果您转到第 2 页，则会话将使用第 1 页上选择的选项进行设置，如果您返回，会话的内容将保存在变量中。

Answer 3

您应该使用 2 个表单，每个表单都有不同的 id，并为每个表单声明一组验证规则。
尝试使您的代码适应这一点：

    var validationRules1 = {
        rules: {
            ...
        },
        messages: {
            ...
        }
    };

    var validationRules2 = {
        rules: {
            ...
        },
        messages: {
            ...
        }
    };

    var form1 = $('#form1');
    form1.submit(function () {
        form.validate(validationRules1);
        return form1.valid();
    });


    var form2 = $('#form2');
    form2.submit(function () {
        form.validate(validationRules2);
        return form2.valid();
    });

希望这有帮助