防止将不同的符号写入 select2 输入

问：

我有默认选择：

<select id="indivCitizen" multiple="multiple">
     <option value=""></option>
</select>

我用 select2 替换：

$(document).ready(function () {
      $('#indivCitizen').select2({
        ajax: {
          url: "/countrylist",
          dataType: 'json',
          delay: 250,
          data: function (params) {
            var query = {
              search: params.term
            }
            console.log(params)
            return query;
          },
          processResults: function (data) {
            return {
              results: data.items
            };
          }
        },
        placeholder: 'Write country name',
        minimumInputLength: 3,
        maximumResultsForSearch: 1,
        tags: true,
        maximumSelectionLength: 1,
        language: {
          inputTooShort: function () {
            return 'Search will start after 3 symbols';
          },
          maximumSelected: function (e) {
            var t = "You can choose only one";
            return t
          },
        },
      });
    })

这一切都与MSSQL DB有关，因此我需要保护我免受不同的注入

我试过这个，但它仅适用于默认输入：

document.getElementById("indivCitizen").addEventListener("keydown", function (e) {
      if (e.key.match(/[()`'"!@#$%^&*=_+,.*;:/|\\<>?~]/))
        return e.preventDefault();
    });

    document.getElementById("indivCitizen").addEventListener("input", function (e) {
      this.value = this.value.replace(
        /[()`'"!@#$%^&*=_+,.*;:/|\\<>?~]/g,
        ""
      );
    });

所以我需要防止将不同的符号写入 select2 输入