javascript - 使用 Jquery Validate 插件在文本字段上动态设置最小值

Question

我正在尝试根据其他字段的输入在一个字段上动态更新最小值。简而言之，这是我的代码:

$("#new_project").live("click", function() {

    switch($('input:radio[name=quality-level]:checked').val()){
        case 'average' : ppw = .006;
        case 'below-average' : ppw =.004;
        case 'good' : ppw = .008;
        case 'very-good' : ppw = .016;
    }

    if ($('#minimum-word-length').val() && $('input:radio[name=quality-level]:checked').val())
    {
        min_price = $('#minimum-word-length').val() * ppw;

    }

    $("#new_project, .edit_project").validate({
    rules: {
    ...
    "price-per-article": {required: true, number: true,  min:min_price},
    ...
    },
    errorPlacement: function(error, element) { }


    });

});

最低价格设置正确，并且更新正确。也就是说，无论出于何种原因，最小值规则不会更新，我认为这是因为验证代码仅在文档加载时加载。所以我想有没有办法重新加载规则，以便在填充两个必要字段时最小值发生变化？

谢谢!

Answer 1

问题是您在初始加载时使用每篇文章的价格设置验证对象。我不熟悉验证插件，但一般来说，如果您的属性实时更改对象，您将希望对该属性使用回调函数，而不是在加载时设置它的数据。

因此对于每篇文章的价格条目，它可能看起来像:

"price-per-article": {
  required: true,
  number: true,
  min: function () { return $('#minimum-word-length').val() * ppw; }
}