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

时间:2013-05-07 09:44:36

标签: jquery validation html-select

我正在使用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>

1 个答案:

答案 0 :(得分:0)

嘿,请参阅此链接

示例代码是

<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 Code

$("#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>.'
}

});

Reference Link

希望它适合你