Javascript 验证select2标记

Javascript 验证select2标记,javascript,jquery,jquery-select2,Javascript,Jquery,Jquery Select2,我有以下验证用户输入的简单代码: $('#band_info :input').each(function () { if ($(this).val() == "") { $(this).css('border', '1px solid red'); } }); 这很有效。但在选择2表单时: <select class="form-control genreOptions" id="Genre" multiple="mult

我有以下验证用户输入的简单代码:

$('#band_info :input').each(function () {
    if ($(this).val() == "") {               
        $(this).css('border', '1px solid red');
    } 
});
这很有效。但在选择2表单时:

<select class="form-control genreOptions" id="Genre" multiple="multiple"></select>

它不太管用。插入标记后,它仍会打印红色边框。这是因为在插入标记后,会插入一个空的输入字段。你可以在这里看到小提琴:


尝试添加标记,然后检查字段。我怎么能忽略这个在我选择了一个标记后生成的空输入字段?

@ZakariaAcharki:你是什么意思?在我插入一个标记后,它仍然打印一个红色边框。我在你的小提琴上看不到任何红色边框,也看不到任何验证功能。@ZakariaAcharki:那把小提琴不是我的。我在那里使用相同的代码。我想重新输入在添加标签后生成的输入字段。因此请尝试添加一个代表您的情况的提琴,以便我们可以检查它。