ドロップダウンを検証しようとすると、検証プラグインを機能させることができません。そして、Chromeでは、「何も選択されていない、検証できない、何も返さない」という警告メッセージが表示されます。
$('#wpuf_form').validate({
debug: true,
rules: {
"category[]" : {
required:{
depends: function(element){
return $('.cat').val() == '-1';
}
}
}
},
submitHandler: function(form){
alert('test');
}
});
<!-- this the html -->
<form id="wpuf_form" name="wpuf_form" action="" method="POST">
<select name="category[]" id="cat" class="cat">
<option value="-1">– Select –</option>
<option class="level-0" value="1">test</option>
<option class="level-0" value="2">test2</option>
<option class="level-0" value="3">test3</option>
</select>
<input type="submit" name="wpuf_new_post_submit" value="Submit Creation">
</form>
どんな助けでも大歓迎です。前もって感謝します!