Javascript 验证插件

Javascript 验证插件,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我有一个使用jQuery验证的多页表单 在第1页,我有一个选择下拉列表,当有人选择某个内容时,它会加载同一页面上其他输入字段的规则。我的问题是,一旦用户提交并转到第2页,并决定他需要更改某些内容,然后。。他返回到第1页,一些规则没有被应用,因此唯一的方法是重新选择选择器以重新应用这些jquery验证规则 我需要确保在重新加载页面时重新应用规则 我希望这是有意义的,希望有人能给出一个简单的快速答案。您可以在第2页的php会话中保存所选选项: session_start(); $_SESSION['

我有一个使用jQuery验证的多页表单

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

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


我希望这是有意义的,希望有人能给出一个简单的快速答案。

您可以在第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>

看一看

您可以通过编程方式调用
$('#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();
}

您应使用两个表单,每个表单具有不同的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();
    });

希望这有帮助

需要一些代码。。。。使用Cookies或使用GET属性来存储规则集?