Boş alanlarda ajax çağrısını engelleyin typeahead.js

Question

BloodHound remote seçeneğini kullanarak typeahead.js ile çalışıyor ve verileri yüklüyorum.

textbox yazım denetiminde hala sends ajax call yazarken her şey beklendiği gibi çalışıyor.

Metin kutusunda only spaces varsa, prevent ajax call yolunun olup olmadığını bilmek istiyorum. trim gibi benzer davranışları arıyorum.

İşte kodum. prepare işlevini kullanmayı denedim, ancak şanssız.

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 özelliği önceki tel üzerinden gidiyor çağrısına Kolu bu değişikliği kullanabileceğiniz bir prepare işlevi vardır. Örnek olarak

: etkin belirteç değiştirme yapmak için bir kısaltmadır olarak bu durumda, wildcard özelliğini kaynağı değil ki

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; 
      } 
     }, 
    }; 
} 

Not.

Answer 2

Ben filtrasyon gerçekleştirmek için metin kutusuna bir keyUp olayı takılarak denemek:

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

ikinci boşluktan sonra tetiklenecek, boşluksuz karakterler içinde olmadığı sürece istenmeyen davranışı azaltmak gerekir alanı da.