jquery - 是否可以使用 jQuery.validVal 来验证选择下拉列表？

Question

我正在使用jQuery.validVal来验证表单。它适用于所有输入字段，但我无法让它在选择列表上工作。而且我似乎找不到任何关于它工作的文档或如何让它工作。

有人对validVal 和选择列表有任何经验吗？

选择列表的代码示例：

<select required>
  <option value="">Dropdown title</option>
  <option value="Value1">Valuetext1</option>
  <option value="Value2">Valuetext2</option>
  <option value="Value3">Valuetext3</option>
</select>

Answer 1

嘿，请参考这个链接

示例代码是

<form name="uploadDocsForm" id="uploadDocsForm">   
<label for="name">Document Name</label>
<input name="name" id="name" type="text" class="textbox"/>
<label for="cat_id">Category</label>
<select name="cat_id" id="cat_id" class="dropdown">
<option selected>Please Select Category</option>
<option>------------------------</option>
<option value="1">test cat</option>
</select>
<label for="category">New Category</label>
<input name="category" id="category" type="text" class="textbox"/>
</form>

Js代码是

$("#uploadDocsForm").validate({
rules: {
    name: {
        required: true,
        minlength: 2,
        maxlength: 255  
    },
    cat_id: {
        required: {
            depends: function(element) {
                return $("#category").val() == '';
            }
        }
    }
},
messages: {
    name: 'Please enter a <b>Document Name</b>.',
    cat_id: 'Please select a <b>Category</b>.'
}

});

参考链接

希望它对你有用