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         


        

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.

Go

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