单选按钮和文本框验证 Ruby on Rails

Question

这是我目前的设置：

<input id="demographics_questionary_gender_male" name="demographics_questionary[gender]" type="radio" value="Male"> Male
<input id="demographics_questionary_gender_gender" name="demographics_questionary[gender]" type="radio" value="Female"> Female
<input id="demographics_questionary_gender_male" name="demographics_questionary[gender]" type="radio" value="Other"> Other
<input id="other_gender_value" name="other_gender[value]" size="30" type="text">

这将产生三个单选按钮（男性、女性、其他）。如果选择“其他”单选按钮，还会出现一个文本框。

我的问题涉及如果选择“其他”单选按钮，如何验证文本框是否已填写。

目前，我所做的是在控制器中检查是否选择了另一个单选按钮，如果是，那么我会将存储的值更改为“其他”文本框中设置的值。但是，我真的不知道如何验证文本框。我知道如何通过验证模型中是否设置了值来验证单选按钮是否被选中，但不知道如何确保用户已将数据输入到“其他”文本框中。

以下是控制器中的代码片段：

if @demographics_questionary.gender == 'Other'
    @other_gender = params[:other_gender]
    if @other_gender[:value].nil?
        @demographics_questionary.gender  = @other_gender[:value]
    else 
        @demographics_questionary.gender  = 'Not Set'
    end
 end

如您所见，如果选择了“其他”单选按钮并且“其他”文本框为空，我目前只是将其设置为“未设置”。但是，当选择按钮来处理数据时，就会执行此代码。理想情况下，我希望在视图页面上进行验证，如果选择了“其他”单选按钮，则在填充文本框之前，用户将无法继续前进。这样，当它甚至到达控制器方法时，就不需要进行此检查了。

但我再次对建议的任何其他方法持开放态度。

我认为这可以通过 JavaScript 或 jQuery 完成，但我不知道如何完成。

哦，是的，所以视图中的所有这些代码都位于表单字段中：

<% form_for(@demographics_questionary) do |f| %>
  <%= f.error_messages :header_message => "Please do not skip any of the questions." %>
  /* Code for radio buttons */
  <%= f.submit 'Next' %>   

 <%end%>

请注意，单选按钮代码位于 form_for 中。一旦触发提交按钮，它将执行控制器中的方法。如果您要使用 JavaScript/jQuery，您将如何将函数附加到提交按钮？

这是当前页面：

http://otoplusvn.com/TherapistSurvey/demgraphics_questionaries/new关于性别的问题2。

有什么建议吗？我很感激，谢谢 德里克

Answer 1

您可以添加依赖关系规则，如下所示：

$('#register_form').validate({rules: {
     'other_gender[value]': {
       required: {
         depends: function(element) {
           return $("input[name=demographics_questionary[gender]]:checked").val() == "Other"
         }
       }
     }
} });

仅当所选选项为“其他”时，才需要文本框