JQuery проверяет зависимость плагина (bassistance) с помощью selectbox

Question

У меня есть поле выбора и ввод текста. Введенный текст по умолчанию скрыт. Если я выберу «Другое» в поле выбора, будет показан введенный текст.

Здесь я хочу применить проверку зависимости. Если выбранный текст «Другой», то вводимый текст должен быть обязательным. Мой код показан ниже:

$(document).ready(function () {
$("#customer-registration").validate({
    rules: {
        province: {
            required: true
        },
        otherState: {
            maxlength: 100,
            required: function (element) {
 return $('#province option:selected').text() == 'Other';
            }
        }
    },
    messages: {

        province: {
            required: "Please select Province"
        },
        otherState: {
            required: "Please enter other Province"
        }
    }
});
$("#submitFormBtn").click(function () {
    if ($("#customer-registration").valid()) {
        $("#customer-registration").submit();
    }
});

$("#province").change(function(){
 ($(this).val() == "Other")? $("#otherState").show() : $("#otherState").hide();
 });

});

Когда я выбираю «Другое», проверка выполняется правильно. Но когда я выбираю какое-то другое значение в поле выбора, по-прежнему отображается ошибка «Пожалуйста, введите другую провинцию». Помогите мне, пожалуйста ... заранее спасибо ..

Answer 1

Привет, тебе нужно добавить что-то вроде этого

otherState:{ 
    required:{                
        depends: function(element){
            return $('#province option:selected').text() == 'Other';
        }
    }
}