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';
        }
    }
}

JQuery使用选择框验证插件（辅助）依赖性

1 个答案: