jQuery使用select元素验证插件

Question

我在使用jQuery的验证插件来验证我正在开发的站点上的复选框时遇到了问题。

有人知道正确的语法吗？查看它们似乎在select输入上使用内联HTML5“必需”标志的文档，但我找不到任何直接相关的javascript。

到目前为止，我尝试的是：

$('#quick-search').validate({
    vehicletype: {
        required: true
    }
});

...then...

$('#quick-search').validate({
    "vehicletype[]":"required"
});

似乎什么事情都没有发生，我甚至注意到表单元素上出现了一个"novalidate“，没有任何理由！

谢谢你，格雷厄姆

Answer 1

你一定在语法上做错了什么。

处理我的示例演示

因为你没有提供HTML

<form action="/smudev/CourseCategories/add" autocomplete="off" id="CourseCategoryAddForm" method="post" accept-charset="utf-8" novalidate="novalidate">        
        <!--Div structure-->
        <section class="AddNewForm">


            <section class="formField fullwidth">
                <label>
                    Department:         
                    <span class="starRed"> *</span>                                 
                </label>
                <section class="inputOuter width160">
                    <div class="input select"><select name="data[CourseCategory][department_id]" id="CourseCategoryDepartmentId" class="errorjQuery">
<option value="">(choose one)</option>
<option value="4">Arts</option>
<option value="5">Commerce</option>
<option value="1">Science</option>
<option value="3">Sports</option>
</select></div> 
                </section>
            </section>



            <section class="formField formBTN">
                    <div class="submit"><input name="submit" class="grayBTN" title="" alt="Submit" type="submit" value="Save"></div><button type="button" onclick="redirectFun()" class="grayBTN">Cancel</button>
            </section>            

        </section></form>

jQuery

jQuery(document).ready(function(){
// validate add Category form when it is submitted
    jQuery("#CourseCategoryAddForm").validate({
        errorElement: 'div',
         errorClass:'errorjQuery',      
        rules: {

            'data[CourseCategory][department_id]': {
                required: true
            }   

        },
        messages: {                         
            'data[CourseCategory][department_id]': {
                required: "Please select department."   
            }   

        },
        errorPlacement: function(error, element) {
            error.appendTo( element.parent());          
            //What to do if error occurs
            $(".error-message").remove();
        },

        submitHandler: function(form) {
            jQuery('input[type=submit]', form).attr('disabled', 'disabled');            
            idd = form.attr("id");          
            form.submit();          
        }
    });
// validate edit Category form when it is submitted

});