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

coure2011 发表于 Dev

coure2011

我正在尝试使用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/

路易斯·本彭鲍尔（Louis Huppenbauer）

这里的问题实际上很简单。jQuery-Validator插件默认情况下会忽略隐藏的输入字段。

告诉它不要忽略隐藏的字段应使其起作用。

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。