select2 asp.net mvc jquery.validate.js jquery.validate.unobtrusive.js不能完美结合问题

使用asp.net mvc自带的验证模式大家都应该了解.

但当将selec控件改为select2渲染时，有一个小纰漏：

当select2为必填项时，提交空值，会激活@Html.ValidationMessageFor()等，出现红色框提醒和文字提醒！

正常情况下，当我们选入值时，之前出现的红色提醒，应该自动消失，但渲染为select2时，显然不行：

在stackoverflow中查找解决方案中，提到是说select2将原生的select增加了属性visible:hidden造成的;

链接：点击打开链接;

但我按这种方式修改了，问题依旧，可能是我的select2的版本高,因此还是没能解决，还是自己动手吧：

其实想想就是激活被验证控件的blur事件：

因此找到select2的选中事件：

$('select').on('select2:select', function (evt) { // Do something });

然后

$(this).blur();

最终解决代码：

在select2()构造之后加入

$('select').on('select2:select', function (evt){
        $(this).blur();
});