Jquery验证规则 - 如何在验证之前要求选择一个选项

Question

我希望仅在选择下拉列表中的特定选项时才验证某些输入数据。对于radiobutton，这是通过以下规则完成的：

required : "#radioId:checked"

如何为下拉列表中的选项做到这一点？

Answer 1

如果内存服务，您可以使用回调函数返回是否选中了您要查看的选项：

required: function(element) {
    return $("#selectID>option:selected").val() == 18;//or whatever value you require
  }

Answer 2

另一种选择可能是编写自己的选择器：

    $.extend($.expr[":"], {
    myselector: function (e)
    {
        return $(e).val() == 'mine';
    }
});

选择器：

required : '#test:myselector'

Answer 3

您可以使用依赖检查器，例如：

<select name="selectBox" id="selectBox">
 <option value="option1">Option 1</option>
 <option value="option2">Option 2</option>
</select>

<input type="text" name="inputBox" />

----------------------in your rules do---------------------

 inputBox: {
   depends: function (elt) {
     return $('#selectBox').val() === "option1"; 
     // option1 being the targeted option here
   }
 }