Javascript URL redirect not working

Question

I have a search function here:

<form class="form-wrapper cf">
    <input type="text" placeholder="Enter keywords..">
    <button onclick="search_click();">Search</button>
</form>

search_click() is defined as follows:

function search_click(){
    window.location.replace("http://stackoverflow.com");
}

However, every time I click the button, it just reloads the current page and appends a '?' to the end of the URL if it wasn't already there. I've tried doing window.location.href also, but that doesn't work either. If I just replace that line with alert('test');, it does show a popup, so I know it's executing. What's wrong with my code? Or is this a problem with Django?

Kevin Bowersox · Accepted Answer · 2014-01-01 23:55:28Z

4

The form is actually submitting causing your Javascript to be ignored. Prevent the default event using the following script:

function search_click(event){
    event.preventDefault();
    window.location.replace("http://stackoverflow.com");
}

HTML

<form class="form-wrapper cf">
    <input type="text" placeholder="Enter keywords..">
    <button onclick="search_click(event);">Search</button>
</form>

answered Jan 1, 2014 at 23:55

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joe Over a year ago

Wouldn't it be bad practice to use preventDefault() ?

Collectives™ on Stack Overflow

Javascript URL redirect not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related