空きスペースでのajaxコールの防止typeahead.js

Question

私はtypeahead.jsで作業していましたが、データはBloodHound remoteオプションを使用してロードしています。

only spacesをtextboxに入力しても、それでもなおsends ajax callと入力した場合を除き、すべてが正常に動作しています。

テキストボックスにonly spacesがある場合、prevent ajax callへの道があるかどうかを知りたいです。私は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

remoteプロパティは、あなたが前にワイヤ上を行くの呼び出しへのハンドルにこの変更を使用することができますprepare機能を持っています。一例として、

：それは効果的にトークンの交換を行うための省略形であるとして、この場合には、あなたが、wildcardプロパティを指定しないことを

function createBloodHoundConfig(options) { 
    return { 
     datumTokenizer: Bloodhound.tokenizers.obj.whitespace('Name'), 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     identify: options.identify, 
     sufficient: 8, 
     remote: { 
      url: options.url, 
      prepare: function (query, settings) { 
       settings.url = settings.url.replace("{q}", query.trim()); 
       return settings; 
      } 
     }, 
    }; 
} 

注意。

Answer 2

Iろ過実行するために、テキストボックスにkeyUpイベントを装着しようとするだろう：

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

第二空間の後に起動します、非空白文字がでない限り望ましくない行動を軽減する必要がありますフィールドも同様です。