Skip to main content

On click enter redirect to another URL with parameters in javascript

Sometimes you have to redirect user to another URL with parameters (query string) in javascript on click enter button. It also helps you to find the solution to show data with filtered data and redirect user to another URL on click enter button

  • On click enter button visit a URL with parameter using jQuery

    HTML Input text 

    <input type="text" name="query" id="search" value="summer"/>

    jQuery CDN with javascript to redirect user to another URL after click on enter button

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $('#search').keypress(function (e) {
            var query = $.trim($(this).val());
            if (e.which == 13) {
                window.location.href = "/search/all?keyword="+query;
                return false;    
            }
        });
    </script>

    This code snippet will help you to redirect to another URL onclick enter button. It will redirect you to /search/all?keyword=summer URL after getting the value summer from input box on click enter button. This code snippet can be also used to display filtered data using parameter value which is passed as query string to URL. 

  • Back to code snippet queries related javascript