jquery 验证不适用于多个选择的所选插件

Question

我正在尝试使用 jquery validate 根据需要创建多个类型的选择框，但它不起作用。这是我的代码

$(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');
    });
});