1

ユーザーが生成できるレポートの種類を一覧表示するドロップダウンがあります。ユーザーがレポートの種類を選択すると、このスクリーンショットに示すように、別のドロップダウンが表示されます。ここに画像の説明を入力してください

<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 }
 }
});
4

2 に答える 2

2

私は最近、ユーザーが追加できる多くのフィールドを含む非常に複雑な動的フォームを作成しました。これらは新しく作成された入力要素であり、非表示ではありません。作成された新しいフィールドに、requiredjQueryを使用してクラスを追加しただけです。addClass

$("#myNewInput").addClass("required");
于 2012-09-21T14:45:28.137 に答える
0

このようなもの？

$("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;
});
于 2012-09-21T14:10:04.203 に答える