jQuery 使用 select 元素验证插件

Question

我在使用 jQuery 的验证插件验证我正在处理的网站上的 select 框时遇到问题。

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

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

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

...然后...

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

似乎什么都没发生，我什至注意到 "novalidate" 无缘无故出现在我的表单元素上！

提前致谢，格雷厄姆

Answer 1

你一定是语法有问题。

Working My sample demo

因为你没有提供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

});

jQuery 使用 select 元素验证插件

jQuery Validate plugin with a select element

jquery

listbox

jquery-validate