5

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/

4

2 に答える 2

13

ここでの問題は、実際には非常に単純です。jQuery-Validator プラグインは、デフォルトで非表示の入力フィールドを無視します。

隠しフィールドを無視しないように指示すると、機能するはずです。

$(document).ready(function(){
    $('#test').chosen();
    $('#testForm').validate({ ignore: ":hidden:not(select)" });
    $('#validateIt').click(function(){   
        if($('#testForm').valid())
            alert('Valid');
        else
            alert('Invalid');
    });
});
于 2013-09-16T11:18:26.687 に答える