Question

当我尝试验证下拉列表时，我无法使验证插件工作。在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>

任何帮助都将受到高度赞赏。在此先感谢！

Answer 1

确保在加载页面并且存在#wpuf_form元素后添加验证代码。为此，请确保它包含在$（'document'）。ready（）语句中;

$('document').ready(function(){

    $('#wpuf_form').validate({
        debug: true,
        rules: {

            "category[]" : {
                required:{
                    depends: function(element){
                        return $('.cat').val() == '-1';
                        }
                    }
                }
        },

        submitHandler: function(form){
            alert('test');
        }
     });
}

Answer 2

我刚解决了我的问题只是验证插件不喜欢值=='-1'，我不得不将其更改为值==''，我希望我能知道为什么......因为我正在使用一个wordpress函数来做这个我使用javascript默认将值更改为cat.options [cat.selectedIndex] .value ='';

jquery验证下拉列表不起作用

2 个答案: