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

时间:2014-08-13 12:47:20

标签: jquery jquery-validate

我第一次使用jquery validate插件。我处于一种情况,我有一个有三个选项的选择框。我需要做两件事:

  1. 需要选择框。
  2. 根据所选的选项,需要制作其他文本框。
  3. 因此...

    <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,则需要Coord 1。
    • 如果选择了选项2,则需要Coords 1和2。
    • 如果选择了选项3,则需要Coord 1和Coord 3。

    这如何将自定义规则添加到验证器?

    提前致谢...

1 个答案:

答案 0 :(得分: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