javascript - How to stop page reload on button click jquery

Question

I am using this below code for button click event using jQuery. When button is clicked the page reloads.

$('#button1').click(function () {
    //Code goes here
    return false;
});

Answer 1

If your "button" is a button element, make sure you explicity set the type attribute, otherwise the WebForm will treat it as submit by default.

<button id="button1" type="button">Go</button>

If it's an input element, do so with jQuery with the following:

$('#button1').click(function(e){
    e.preventDefault();
    // Code goes here
});

Read more: event.preventDefault()