jQuery验证插件 - 在设置选项

Question

我指的是以下插件JQuery Validation

验证领域我基本上是有一个选择输入

<select class="form-control" id="taskSelect" name="taskSelect" > 
    <option value="" name="task" id="task">Select One</option> 
    <option value="1" name="task">1</option> 
    <option value="2" name="task">2</option> 
</select> 

现在需要此输入。根据选择的内容，会出现一种子窗体。我想要做的是验证任何子窗体显示。所以如果我选择选项1，我不需要验证选项2的字段。我已经设置了一个JSFiddle来演示。

我将如何验证所选选项的附加输入？

感谢

Answer 1

你必须设置验证规则，像这样（为清楚起见最小标记）：

HTML：

<form> 
    <select id="Controller" name="Controller"> 
     <option value="1">Make Controller 1 Required</option> 
     <option value="2">Make Controller 2 Required</option> 
    </select> 
    <input name="Controlled_1" /> 
    <input name="Controlled_2" /> 
</form> 

确保所有的控制输入字段的那需要验证有一个“名称”属性，因为这是作为密钥进入规则对象的内容。我将ID留在了控制选择元素上，以便您可以轻松地使用受控输入字段使用的所需功能来定位它。

的JavaScript：

$('form').validate({ 
    rules: { 
     Controller: { 
      required: true 
     }, 
     Controlled_1: { 
      required: function() { 
       return $('#Controller').val() == 1 
      } 
     }, 
     Controlled_2: { 
      required: function() { 
       return $('#Controller').val() == 2 
      } 
     } 
    }, 

Here is a JSFiddle我从你的分叉与工作版本。