I have an issue while using buttons inside form I want that button to call function It does but with unwanted result that it refresh the page My simple code goes like this lt form method POST gt lt button name data onclick getData gt Click lt button gt lt form gt On clicking the button the function gets called with page refreshed which resets all my previous request which affects the current page which was result of the previous request What should I do to prevent the page refresh

Add type button to the button lt button name data type button onclick getData gt Click lt button gt The default value of type for a button is submit which self posts the form in your case and makes it look like a refresh

prevent refresh of page when button inside form clicked

The Solution to prevent refresh of page when button inside form clicked is

Add type="button" to the button.

<button name="data" type="button" onclick="getData()">Click</button>

The default value of type for a button is submit, which self posts the form in your case and makes it look like a refresh.

~ Answered on 2012-11-07 02:16:04

prevent refresh of page when button inside form clicked

The Solution to prevent refresh of page when button inside form clicked is

Most Viewed Questions: