JQuery Проверка текстового поля в зависимости от поля выбора

Question

Я пытаюсь проверить поле ввода с помощью плагина проверки JQuery. Числовой диапазон [range ()] зависит от значения поля выбора. Например, когда поле выбора имеет значение «A», диапазон должен быть между 1 и 10. Но когда его «B», он должен быть между 5 и 10 и так далее. Я попытался это сделать, считав значение поля выбора и вызвав функцию для проверки ввода, передав минимальное значение.

Это работает, но когда вы выбираете «A» и думаете, что хм, это должно быть «B», оно все равно подтверждается как «A». Я думал о «зависит», но я думаю, что он работает только на «требуется».

$("#theSelectID").change(function () {
        var theValueOfSelected = $('#LeverancierID :selected').text();
        switch(theValueOfSelected){
        case "A":
            minval(1, "Null");
            break;
        case "B":
            minval(5, "PRCC");
            break;
            }
            function minval(theVal, theLev){
        $("#AddInkoop").validate({  
            rules: {
                Aantal: {
                    required: true,
                    range: [theVal, 999]
                }
            },
            messages: {
                Aantal:{
                    required:"required",
                    range: "give a number between "+ theVal +" and 999."
                }
            }
         });
    }

Answer 1

Я думаю, что вы идете в обратном направлении. Вместо того, чтобы изменять настройку проверки каждый раз, когда изменяется окно выбора, настройте правило проверки так, чтобы оно вычисляло минимальное значение с помощью функции, которая отражает текущее значение поля выбора. Обратите внимание, что вы можете обновить некоторый описательный текст с указанием допустимого диапазона при изменении выбора.

 $("#AddInkoop").validate({  
        rules: {
            Aantal: {
                required: true,
                range: function() { return [ $('#LeverancierID').val(), 999 ]; }
            }
        },
        messages: {
            Aantal:{
                required:"required",
                range: "the value is outside the acceptable range"
            }
        }
});