prevent form submit from redirecting/refreshing using javascript

Question

Hey everyone,

I have a page where you can enter data within a series of texboxes (generated from php), and 2 buttons, GetData and SaveData. I want to be able to press enter when editing the texboxes, and it would perform the same action as clicking the SaveData button (onclick="onSave();"). I can acheive this by doing the following:

<form id="editForm" name="editForm" action="onSave();">

but when I press enter, the page is redirected to the page, without the php post (ex.:www.mypage.com/index.php, instead of www.mypage.com/index.php?edit_data=true)

How do I achieve what I want?

Thanks,

Dave

Answer 1

Make sure that your onSave(); returns false, and change action to onsubmit="return onSave();".

Answer 2

hmm... did you intentionally forgot the tag method="POST" ? :)

Answer 3

try <form id="editForm" name="editForm" action="onSave();return false;">

Answer 4

1. button1 as Submit button

2. button2 as type='button' on cliking button2 call javascript function which create lik using window.location.href="www.mypage.com/index.php?edit_data=true"

Answer 5

The answer was (thanks to Ulysses for part fo the answer):

<form id="editForm" name="editForm" onsubmit="onSave();return false;">

My onSave(); function did return false, but since it was doing the redirection, I had to put the return false after the onSave(); (explain why??)

Thanks!