Форма поиска с кнопкой

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

Try событие на нажатие кнопки:

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

    });