jquery validate dropdown does not work

當我嘗試驗證下拉列表時，我無法使驗證插件生效。而在鉻我得到它說一個警告消息：「沒有什麼選擇，無法驗證，返回一無所有」jquery validate dropdown does not work

$('#wpuf_form').validate({ 
    debug: true, 
    rules: { 

     "category[]" : { 
      required:{ 
       depends: function(element){ 
        return $('.cat').val() == '-1'; 
        } 
       } 
      } 
    }, 

    submitHandler: function(form){ 
     alert('test'); 
    } 
}); 

<!-- this the html --> 
<form id="wpuf_form" name="wpuf_form" action="" method="POST"> 
<select name="category[]" id="cat" class="cat"> 
<option value="-1">– Select –</option> 
<option class="level-0" value="1">test</option> 
<option class="level-0" value="2">test2</option> 
<option class="level-0" value="3">test3</option> 
</select> 
<input type="submit" name="wpuf_new_post_submit" value="Submit Creation">       
</form>

任何幫助將高度讚賞。在此先感謝！

來源

2012-07-28 MariaZ

什麼，_specifically_，不工作？ – Austin 2012-07-28 01:29:06

感謝奧斯汀看我的代碼，我孤立了這個問題，並編輯我的問題，我檢查了兩次，我得到了一個警告消息「沒有選擇，無法驗證，什麼都沒有返回」這條消息出現在chrome – MariaZ 2012-07-28 04:39:55

我剛剛解決了我的問題它只是驗證插件不喜歡值=='-1'，我不得不將其更改爲值==''，我希望我可以知道爲什麼... – MariaZ 2012-07-28 05:45:01

我解決我的問題，這只是在驗證插件犯規像值==「-1」，我不得不將其更改爲價值==「」，我希望我能知道爲什麼...因爲我使用wordpress函數來做到這一點，我用JavaScript來改變默認值爲cat.options [cat.selectedIndex] .value ='';

來源

2012-07-28 05:46:27 MariaZ

確保在加載頁面並存在#wpuf_form元素後添加驗證代碼。要做到這一點，確保它包含在$（'document'）。ready（）語句中;

$('document').ready(function(){ 

    $('#wpuf_form').validate({ 
     debug: true, 
     rules: { 

      "category[]" : { 
       required:{ 
        depends: function(element){ 
         return $('.cat').val() == '-1'; 
         } 
        } 
       } 
     }, 

     submitHandler: function(form){ 
      alert('test'); 
     } 
    }); 
}

來源

2012-07-28 05:01:25

jquery validate dropdown does not work

回答

相關問題