如何只忽略select2.js中的空格

Question

在输入框中，当我只键入空格时，其接受并显示带有十字图标的空白。 请给我一个解决方案。如何处理它。

我的代码：

$("#userfrm #field_value").select2({
        maximumInputLength: 20,
        tags:tags,
        maximumSelectionSize : 10,
        createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} },
        multiple: true,
    });

Answer 1

您可以监听select2-selecting事件以拒绝空输入：

$("#userfrm #field_value").select2({
    maximumInputLength: 20,
    tags: tags,
    maximumSelectionSize: 10,
    createSearchChoice: function(term, data) {
        if ($(data).filter(function() {
            return this.text.localeCompare(term) === 0;
        }).length === 0) {
            return {
                id: term,
                text: term
            };
        }
    },
    multiple: true,
})
.on('select2-selecting', function(e) {
    if (!$.trim(e.val)) {
        e.preventDefault();
    }
});

演示：http://plnkr.co/edit/3Z64ZCBiIu8HU5hnAFI7?p=preview