javascript - 防止对空白 typeahead.js 的 ajax 调用

Question

我一直在使用 typeahead.js 并使用 BloodHound remote 选项加载数据。

除了当我在 textbox typeahead 中输入 only spaces 时，一切都按预期工作，仍然 发送 ajax 调用。

我想知道如果文本框中只有空格，是否有办法防止ajax调用。我正在寻找类似 trim 的行为。

这是我的代码。我尝试使用 prepare 函数但没有成功。

var dataSource = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('ProductID', 'ProductName'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
              url: urlVar + "LoadAllProductByProductName/%QUERY",
              wildcard: '%QUERY',

            },
    sufficient: 3,
   });

const $tagsInput = $('.txtProductName')
$tagsInput.typeahead({
   minLength: 3,
   source: dataSource,
   hint: false,
   highlight: true,
   isBlankString: false
   },
   {
      limit: 10,
      source: dataSource,
      name: 'dataSource',
      display: function (item) {
         return item.ProductName
      },
      suggestion: function (data) {
         return '<div>' + data.ProductName + '–' + data.ProductID + '</div>'
      },

});

Answer 1

我会尝试将 keyUp 事件附加到文本框以执行过滤:

$tagsInput.keyup(function(){
        this.value = this.value.replace(/  */, ' ');
    });

这将在第二个空格之后触发，这应该可以减轻不良行为，除非该字段中也有非空格字符。