javascript - 如果结果为空，则禁用提交按钮 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

当源返回空时，typeahead API 上没有直接事件。只是一个想法，您可以首先禁用该按钮，然后在通过使用 typeahead:selected 和 autocompleted 事件选择 typeahead 中的值时启用该按钮。

自定义事件的文档是 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

}