JQuery:动态验证

Question

我有一个脚本，它调用 php 文件并获取每次更改选择框(类别)时显示的正确字段。每行都有一个值(0 或 1)来显示该字段是否为必填字段。如果你看下面，数据上的each()函数显示“key”是行，“val”是是否需要。

我目前检查是否需要它，然后将“key”插入数组中。现在，棘手的部分是，我想修改验证函数以包含数组“req”中的所有元素(本质上是即时构建验证要求)。目前只需要“category”(需要添加到validate的“rules”部分)

$('#category').change(function() {
    var cid = $(this).val();

    $.get('./ajax/get_cat_info.php?cid=' +cid, function(data, textStatus) {

        var req = new Array();

        $.each(data, function(key, val) {

            $('#' + key).show();
            if(val == 1) {
                req.push(key);
            }
         });
    }, 'json');

    // Validation:
    $("#submissionForm").validate({
        rules: {
            category: "required"
        },
        messages: {
            category: ""
        }
    }); 
});

Answer 1

这样的事情会有帮助吗？

$('#category').change(function() {
    var cid = $(this).val();
    var myRules = cid.data('rules') || {};

    $.get('./ajax/get_cat_info.php?cid=' +cid, function(data, textStatus) {
        $.each(data, function(key, val) {
            $('#' + key).show();
            if(1 == val) {
                myRules[key]="required";
                cid.data('rules',myRules);
            }
         });
    }, 'json');

    // Validation:
    $("#submissionForm").validate({
        rules    : $.extend({category: "required"},cid.data('rules')),
        messages : {
            category: ""
        }
    }); 
});

http://api.jquery.com/jQuery.extend/

http://api.jquery.com/data

这种本地存储方法会提供一种有帮助的机制吗？

谢谢，我的流