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(); }) });
原文:https://www.cnblogs.com/qinyuekong/p/10250474.html