javascript - 如何忽略 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