jquery - 根据从下拉菜单中选择的选项添加验证规则

Question

我是第一次使用 jquery validate 插件。我所处的情况是，我有一个包含三个选项的选择框。我需要做两件事:

1. 将选择框设为必填。
2. 根据所选选项，设置其他文本框为必填项。

所以...

<select id="selectBox">
    <option value selected></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option Value="3">3</option>
</select>

Coord 1: <input type="text" name="coord1"><br>
Coord 2: <input type="text" name="coord2"><br>
Coord 3: <input type="text" name="coord3"><br>

• 如果在下拉列表中选择选项 1，则需要坐标 1。
• 如果选择选项 2，则需要坐标 1 和 2。
• 如果选择选项 3，则需要坐标 1 和坐标 3。

如何向验证器添加自定义规则？

提前致谢...

Answer 1

尝试

 If you need starting itself 

    // $('input[type=text]:eq(0)').prop('required', true);

 $("#selectBox").change(function () {
    var index=this.value-1;
    $('input[type=text]:gt(0)').prop('required', false);
   //  $('input[type=text]:eq(0)').prop('required', true);
    $('input[type=text]:eq('+index+')').prop('required', true);
 });

DEMO