2013-05-07 124 views
0

我正在使用jQuery.validVal來驗證表單。它對所有輸入字段都可以正常工作,但是我無法使它在選擇列表上工作。我似乎無法找到任何有關它的文檔或如何使其工作。是否可以使用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> 

回答

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代碼是

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

希望它會爲你

+0

感謝的作品。我會稍微檢查一下。我會回報並標記爲答案。 :) – nle 2013-05-07 13:15:14

+0

我是對的,你有[jquery驗證](http://bassistance.de/jquery-plugins/jquery-plugin-validation/)上的這個例子,而不是[jquery.validval](http:// validval .frebsite.nl /)? 事情是,所有其他的工作與validval,錯誤消息,表單提交等,所以我真的很想讓它與validVal – nle 2013-05-07 13:49:12