jquery-plugins - 使用 Jquery Validate 插件验证 bootstrap-select

Question

我面临使用 jquery validate 插件验证使用 bootstrap-select.js 插件美化的选择的问题。 bootstrap-select.js 期待类 selectpicker 并遵循一行代码:

$('.selectpicker').selectpicker();

用于美化 html 的选择。

但是，它会导致使用 jquery validate 插件进行验证时出现问题。除非和直到类 selectpicker 未删除，否则根本不会验证 select。删除类后，将正确执行验证。
以下是我的选择 html:

<select class="input-medium required" id="editCategory_sltCategoryName"
name="editCategory_sltCategoryName">
    <option value="">
        Select Category
    </option>
    <option>
        Reusable Components
    </option>
    <option>
        BU Connects
    </option>
</select>

以下是js:

$('#frm_editCategory').validate({
    rules: {
        editCategory_sltbuName: {
            required: true
        },
        editCategory_sltCategoryName: {
            required: true
        },
        editCategory_categoryName: {
            minlength: 2,
            required: true,
            buname: true
        },
        editCategory_categoryDescription: {
            minlength: 2,
            required: true,
            buname: true
        }
    },
    highlight: function(element) {
        $(element).closest('.control-group')
            .removeClass('success').addClass('error');
    },
    success: function(element) {
        element.text('OK!').addClass('valid')
            .closest('.control-group')
            .removeClass('error').addClass('success');
    },
    submitHandler: function(event) {
        return true;
    }
});

我也尝试通过为它编写自定义方法来做到这一点，但它没有用。

Answer 1

$('#frm_editCategory').validate({
    ignore: ":hidden:not(.selectpicker)"
});