無法驗證ID爲jQuery多選下拉列表

Question

我正在使用jQuery多選下拉框。由於它的默認屬性，我無法使用它的名稱屬性對其進行驗證。所以我想用id來驗證。我使用this作爲參考。但我的想法不起作用。我不知道我的錯誤在哪裏？

HTML

JS

$(function() { 
    $("#submit1").click(function() { 
     alert("submit") 
     var $off = $("#offer1").attr("name"); 
     var $params = { 
      debug: true, 
      rules: {}, 
      messages: {} 
     }; 
     $params['rules'][$off] = "off"; 
     $params['messages'][$off] = "Select an offer"; 

     $("#form1").validate($params); 
    }); 
}); 

fiddle

Answer 1

請刪除[]中添加規則和消息

答案是：

$(function() { 
    $("#submit1").click(function() { 
     alert("submit"); 
     var $off = $("#offer1").attr("name"); 
     var $params = { 
      debug: true, 
      rules: {}, 
      messages: {} 
     }; 

     //// Please note here 
      $params.rules [$off] = "required";  
      $params.messages[$off] = "Select an offer"; 

     // 
     $("#form1").validate($params); 
    }); 
}); 

Answer 2

附上<option>標籤內您<select>標籤

<select name="offer" id="offer1> 
    <option value="">Select one</option> 
    <option value="aaaaa">aaaaaaaaaaa</option> 
    <option value="bbbbb">bbbbbbbbbbb</option> 
    <option value="cccccc">ccccccccccc</option> 
</select> 

Answer 3

試試這個

HTML代碼

<form id="RNA" name="RNA"> 
    <select size="5" name="sampleMut[]" multiple="multiple" id="sampleMut"> 
    <option value="41" >41</option> 
    <option value="48" >48</option> 
    <option value="65" >65</option> 
    <option value="102" >102</option> 
    </select> 
    <input type="submit" /> 
</form> 

JavaScript代碼

$(function(){ 
$('form').submit(function(){ 
    var options = $('#sampleMut > option:selected'); 
    if(options.length == 0){ 
     alert('no value selected'); 
     return false; 
    } 
}); 
}); 

您可以選擇這個選擇多個值。 options.length爲您提供了多少您選擇的值。

Answer 4

試試這個：

$(function() { 

$("#submit1").click(function(){ 
alert("submit"); 
$("#form1").validate({ 
     rules: { 
      offer: "required" 

     }, 
     messages: { 
      offer: "Select an Offer" 

     } 
    }); 
}); 
});