jquery select2插件正則表達式允許的字符？

Question

有沒有為用戶輸入定義一組“允許”字符？ 僅用於例如字母數字輸入。 似乎無法在官方文檔中找到它

Answer 1

您可以使用createSearchChoice選項完成此操作，該選項允許您定義自定義函數以從用戶輸入創建標記。 要不允許包含除字母數字字符以外的標記，select2應初始化為：

$("#mySelect").select2({
            createSearchChoice: function(term) {
                if(term.match(/^[a-zA-Z0-9]+$/g))
                    return { id: term, text: term };
            },
            formatNoMatches: "Enter valid format text"})

如果用戶正在鍵入包含非字母數字字符的文本，則select2下方的下拉列表將不顯示匹配項。 沒有必要指定自定義formatNoMatches，但它對用戶比默認的“找不到匹配項”更有幫助，以找出他們的輸入未被接受的原因。

更新：

從select2 version~ 4.0此函數現在稱為createTag

Answer 2

我沒有找到任何關於在您輸入的輸入上放置掩碼/正則表達式的信息。 但你可以在select2提供的'open'事件上做到這一點。 像這樣的東西：

$('select of the select2 input or select').on('select2-open',function(e){
    // apply your mask on this element -> $('.select2-input')
});

希望它能幫到你。 再見

Answer 3

今天我找到了一種方法，在下拉列表中顯示的輸入上應用自定義蒙版（select2 v3），我找到了這個主題。

經過對官方文檔的一些研究后，我看到方法select2("container") ，並查找源代碼，我發現select2("dropdown") （不在doc上）。

所以，我的最終代碼是（出於貢獻目的）：

$('my-select2').on('select2-open',function(e){
    var input = $(this).select2("dropdown").find('.select2-input');
    // ...
});