jquery validate，需要基于下拉值的字段

Question

我有一个下拉列表，其中列出了用户可以生成的报告类型，一旦他们选择了报告类型，它就会显示另一个下拉列表，如此屏幕截图所示。

<select name="type_of_report" id="type_of_report">
<option value="" selected="selected"></option>
<option value="all_students">All students</option>
<option value="state">State</option>
<option value="sport_id">Sport</option>
<option value="major_id">Interest of Study</option>
<option value="graduation_year">High School Graduation Year</option>
<option value="recruitment_place_id">Where they heard about us</option>
</select>

如果他们选择州，我想要求州字段。

理论上，这就是我想做的事情：

$("#type_of_report").live("change", function() {
 var report_selected = $("#type_of_report").val();
});

$("form").validate({
 rules: {

  if(report_selected != '') {
    report_selected: { required: true },
  }

  type_of_report: { required: true }
 }
});

Answer 1

我最近做了一个非常复杂的动态表单，其中包含许多用户可以添加的字段。这些是新创建的输入元素，而不是隐藏的。我只是使用jQuery的required将类addClass添加到创建它们的新字段中。

$("#myNewInput").addClass("required");

Answer 2

这样的东西？

$("form").submit(function() {
 var report_selected = $("#type_of_report").val();
 if(report_selected != '' && $('#other_select').val() == '') {
    alert('selected a report, but not the 2nd one');
    return false;
 }
 return true;
});