jquery - 如何根据下拉列表的“选定”值使字段“必填”？

Question

我正在尝试编写一个脚本，它将对文件施加“必需”的验证规则。

例如：

1. 我正在使用 2 个下拉菜单（“need_accomodation”（是/否）和“accomadation_type（GUESTHOUSE/HOTEL）”）

2. 当我选择YES of need_accomodation时，会显示accomadation_type。我使用了 jQuery 的hide()和show()方法。

但我需要应用accomadation_type所需的验证规则，并在其标签 "Accomodation Type"上 附加一个红色 (*) 。

没有找到合适的解决方法。

仅供参考：我正在使用 jQuery.validation.js 插件。

请建议我如何解决这个问题。

提前致谢。

到目前为止我所取得的成就：

    {literal}
$("#need_accomodation").change(function() {
if ($("#need_accomodation").val() == "yes") {
     $("#accomodation_type").parent().show();
}
else {
    $("#accomodation_type").parent().hide();
    $("#accomodation_type").val('');
}
});
{/literal}

{literal}
$("#accomodation_type").parent().hide();
{/literal}{literal}
if ($("#need_accomodation").val() == "yes") {
     $("#accomodation_type").parent().show();
}
{/literal}

Answer 1

您可以使用基于依赖表达式的条件必需子句来执行此操作。此外，正如 BradBrening 在评论中建议的那样，您应该使用复选框从用户那里收集 need_accommodation 的值。

以下是有关如何在验证规则中使用依赖表达式的完整说明：http: //docs.jquery.com/Plugins/Validation/Methods/required#dependency-expression