小编nat*_*lab的帖子

Jquery验证:根据下拉选择动态添加/删除规则

我有一个下拉选择器,值为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();
});
Run Code Online (Sandbox Code Playgroud)

这工作得很好,(如文档的验证插件状态)验证仅增加了对第一个元素返回.

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

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

    });
Run Code Online (Sandbox Code Playgroud)

我的问题是如何组合两位代码?任何帮助非常感谢,谢谢.

validation jquery dynamic jquery-validate drop-down-menu

6
推荐指数
1
解决办法
9503
查看次数