带按钮的搜索表单

Question

我有这段代码，用于在我的网站上进行搜索。当您填写搜索词并按回车键时，它将执行命令。但是，我只想在用户按下按钮时执行搜索脚本。我无法让它工作。

jQuery(document).ready(function($){
    var input = $('[data-search-input]');
    input.on('keypress', function(event) {
        if (event.which == 13 && input.val().length > 3) {
            event.preventDefault();
            window.location.href = input.data('search-input') + '{{ config.system.param_sep }}' + input.val();
        }
    });
});

<input class="zoekveld" type="text" placeholder="Zoeken..." value="{{ query }}" data-search-input="{{ base_url }}{{ config.plugins.simplesearch.route}}/query" />

如您所见，我使用 javascript 来使按 Enter 进行搜索点击工作。但我希望它通过一个按钮来完成。我希望你们能帮助我解决这个问题。

Answer 1

点击按钮尝试事件：

 <button id="yourbutton" class="zoekbutton">Zoek</button>
    $('#yourbutton').on('click',function(e){
          e.preventDefault();
          var input = $('[data-search-input]');
         window.location.href = input.data('search-input') + '{{ config.system.param_sep }}' + input.val();

    });