帶按鈕的搜索表單

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來使通過輸入點擊工作搜索。但我想用一個按鈕來完成它。我希望你們能幫我解決這個問題。在按鈕的點擊

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(); 

    });