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