I'm facing an issue with the code I have for searching on my website. Currently, when a user fills in their search word and presses enter, it executes the command. However, I would like to only run the search script when the user clicks a button instead of pressing enter. Unfortunately, I can't seem to get it to work.
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" />
Although I've used JavaScript to enable the Search by Enter click feature, I actually want it to be triggered by a button click. I'm hoping someone can assist me in resolving this dilemma.