jquery验证无法使用所选插件进行多个选择

Question

我正在尝试使用jquery验证根据需要创建一个类型为多个的选择框,但它不起作用.这是我的代码

$(document).ready(function(){
    $('#test').chosen();
    $('#testForm').validate();
    $('#validateIt').click(function(){
        if($('#testForm').valid())
            alert('Valid');
        else
            alert('Invalid');
    });
});

HTML

<form id="testForm">
<select required style="width: 165px;" id="test" name="test" class="chzn-select multiselect" multiple="multiple">
    <optgroup label="Lab1"><option value="2">Some Program</option></optgroup>
</select>
<input type="button" id="validateIt" value="Run"/>
</form>

jsfiddle:http://jsfiddle.net/jm8Dd/

Answer 1

这里的问题其实很简单.jQuery-Validator插件默认忽略隐藏的输入字段.

告诉它不要忽视隐藏的字段应该使它工作.

$(document).ready(function(){
    $('#test').chosen();
    $('#testForm').validate({ ignore: ":hidden:not(select)" });
    $('#validateIt').click(function(){   
        if($('#testForm').valid())
            alert('Valid');
        else
            alert('Invalid');
    });
});