Jquery Validation：基于下拉选择动态添加/删除规则

Question

我有一个下拉选择器，其值为 1-4。根据选择，表单中的后续输入被隐藏，并且从每个输入中删除所需的验证。 例如，如果选择 2，则显示输入 1-2 并添加所需的验证，而隐藏 3-4 并删除验证。

$("#dropdownSelector").change(function() {
inputtohide = $(this).val();
$('input[id*=conviction]').slice(0, inputtohide).show().rules("add", {required: "#convictions_0:checked" });
$('input[id*=conviction]').slice(inputtohide, 4).hide().rules("remove", {required: "#convictions_0:checked" });
$("#thisform").validate();
});

这很好用，然而（作为验证插件的文档）只为返回的 first 元素添加验证。

我从其他帖子中了解到，以下代码应为每个输入添加验证：-

$("#thisform").validate();
$("input[id*=conviction]").each(function() {
    $(this).rules("add", {required: "#convictions_0:checked" });

    });

我的问题是如何组合这两个代码？ 非常感谢任何帮助，谢谢。

Answer 1

您只需要在您的.slice() 结果上使用.each() 函数即可遍历它返回的所有元素：

$('input[id*=conviction]').slice(0, inputtohide).each(function(){
    $(this).show().rules("add", {required: "#convictions_0:checked" });
});

$('input[id*=conviction]').slice(inputtohide, 4).each(function(){
    $(this).hide().rules("remove", {required: "#convictions_0:checked" });
});

希望这会有所帮助！