jQuery Validation Depending onselect option makes other fields required or not

Question

我有一个表单，当您单击复选框时它会弹出另一个表单。我正在努力使用 jQuery 验证使某些字段成为必填字段。基本上我想要完成的是当单击复选框时，我希望 AndOr1 是必需的，否则如果未选中该复选框，则不需要。

然后根据为 select AndOr1 选择的选项更进一步，我希望它控制需要什么，不需要什么。因此，如果选择了 And，我需要姓名、地址 1、城市、州和邮政编码，如果选择了 Or，我不希望需要任何字段。

有人可以帮我解决这个问题吗？

http://jsfiddle.net/Alexandra123/epjqz4nk/2/

function valueChanged1()
{
    if($('#anotherSeller1').is(":checked"))   
        $("#Form2").show();

    else
        $("#Form2").hide();
        $("#Form2 > .clearfix input:text").val("");
        $("#Form2 > select").val("");
        $("#anotherSeller2").prop("checked", false);


}

编辑： 这个问题与 jquery - form validate rules required depends 不同，因为它更进一步。此表单所做的只是根据复选框是否选中使 AndOr1 成为必填项。（这与另一个问题相同）但是这个问题应该做的是取决于为 AndOr1 选择的 select 选项，如果选择了 And 我想让它成为 sellerName2 是必需的，如果选择了 Or，我希望它不需要 sellerName2。所以这使它更进一步。

我遇到的问题是我可以根据 And 或 Or 使它成为必需的，但是如果你在 AndOr1 尚未被选择时点击提交，我不希望它成为必需的 sellerName2已经。只有一次 And 被选中。

    <script>
             $("#form").validate({
    rules: {
        sellerName1: {
            required: true
        },
        AndOr1: {
            required: '#anotherSeller1:checked'
        },
        sellerName2: {
            required: '#anotherSeller1:checked > #AndOr1:Add'


        },
        // Same for other fields
    },
    messages: {
        sellerName1: "This field is required.",
        // Repeat for other fields
    }
});
    </script>

Answer 1

这应该可以解决问题：

$("#form").validate({
    rules: {
        sellerName1: {
            required: true
        },
        AndOr1: {
            required: '#anotherSeller1:checked'
        },
        sellerName2: {
            required: function(element) {
                return $("#AndOr1").val() == "And";

            }
        },
        // Same for other fields
    },
    messages: {
        sellerName1: "This field is required.",
        // Repeat for other fields
    }
});

jQuery Validation Depending onselect option makes other fields required or not

jQuery Validation Depending onselect option makes other fields required or not

javascript

forms

jquery

jquery-validate