如何使用 javascript 和 rails 添加依赖输入的客户端验证？答案

【问题标题】：How do I add client side validation of a dependent input using javascript and rails?如何使用 javascript 和 rails 添加依赖输入的客户端验证？
【发布时间】：2013-09-20 19:00:07
【问题描述】：

我猜这是一个非常常见的过程，但我在查找解决方案时遇到了麻烦，因为我不知道如何表达这个问题。基本上我需要为依赖于另一个输入选择的下拉列表添加验证检查，但后一个输入是另一种形式。因此，我想这意味着我需要针对数据库进行验证。我正在尝试找出一个很好的方法来做到这一点，非常感谢您的建议。

为了提供更多上下文，这两个输入相互依赖。第一个是空气处理器类型的列表。这是实际输入：

<div class="field heating_type">
  <%= f.label :heating_air_handler_type_id, "Heating Type", :class => "required" %>
  <%= collection_select(:air_handler, :heating_air_handler_type_id, AirHandlerType.where("for_heating = ?", true).order("sort_order"), :id, :display_name, {}) %>
</div>

另一个输入是植物类型列表：

<div class="field plant_type">
  <%= f.label :plant_type_id, "Plant Type", :class => "required" %>
  <%= collection_select(:plant, :plant_type_id, PlantType.order("sort_order"), :id, :display_name, {}, { :class => "required" }) %>
</div>

基本上，当用户选择“热泵”的空气处理器加热类型时，我必须确保设备类型不是冷水机组。我还需要它以相反的方向工作，以便用户在选择与热泵选择不兼容的冷水机组时收到警告。

如果我没有提供足够的信息，请告诉我，我会填写更多详细信息。

【问题讨论】：

标签： javascript jquery ruby-on-rails validation

【解决方案1】：

使用 javascript/jquery 将加热类型选择框与 onchange 事件绑定。在该 mfunction 中，您可以更改另一个列表中的值。添加或删除或只是隐藏或禁用。但是你想规范第二个选择列表。

【讨论】：