validate對jquery chosen-select無法驗證，需要在validate加入

ignore: ":hidden:not(select)"

加入後可以成功校驗，但是錯誤信息顯示在select框上面

解決此問題是加入

errorPlacement

$("#form-add").validate({
    ignore: ":hidden:not(select)",
    rules: {
        id: {
            required: true
        }
    },
    messages: {
        id: {
            required: 
 
"請選擇關聯的數據字典"
        }
    },
    errorPlacement:function (error, element) {
        error.appendTo(element.parent());
    }
});

加上之後，錯誤信息顯示在下面

想選擇成功後 立刻清除錯誤信息，可以加入change事件

$(function() {
    $(".chosen-select").chosen({width: ‘95%‘,search_contains: true,no_results_text: "無對應數據..."});

    $(".chosen-select").change(function () {
        $(
 
this).valid();
    })
});

validate驗證jquery chosen相關問題