Отключить кнопку отправки, если результаты пустые typeahead.js

Question

Я хочу, чтобы моя кнопка отправки была отключена, если результатов поиска не было найдено. Форма не должна подаваться в этом случае. Я использую typeahead.js. Это код, который я использую

$('.typeahead').typeahead(null, { 
     name: 'suburb', 
     displayKey: 'suburb_name', 
     limit: 10, 
     source: suburb.ttAdapter(), 
     templates: { 
      empty: [ 
       '<div class="empty-message">', 
       'No results Found', 
       '</div>' 
       ].join('\n'), 
      suggestion: function (s){return '<p>'+s.postal_code+', '+s.suburb_name+'</p>';} 
     } 
    }); 

Answer 1

Не существует прямого события в API типа ahead, когда источник возвращает пустой. Только идея, вы можете сначала отключить кнопку и включить кнопку, когда значение из typeahead выбрано, используя typeahead: selected и autocompleted events.

Документация пользовательского события here

$('.typeahead').on('typeahead:selected', enableSubmit); 
$('.typeahead').on('typeahead:autocompleted', enableSubmit); 


function enableSubmit(){ 

     //This will trigger when something is selected from typeahead 
     //Enable the button here 

} 

Answer 2

Вы можете искать ваш .empty-message класса и вызвать JQuery, когда ваш элемент вставляется в DOM.

$(document).on('DOMNodeInserted', function(e) { 
    if ($(e.target).is('.empty-message')) { 
     $("#myFormBtn").attr("disabled","disabled"); 
    } 
});