Preventing refresh within form javascript

Question

I am trying to allow for a form to call a java script function without losing javascript dependent data on the page.

This is what I got.

The function is some generic appending function.

I lose of the appended data whenever I change the input string.

I added

        window.onbeforeunload = function(){
            return false;
        }

And it would work as long as I pressed no on all of the popup boxes.

Thank you

Edit: I ahve noticed that it happens wehenever the url name is changed

here is html for good measure

    <form method="get" action="#">
      <input type="text" id="data" name="post" placeholder="thoughts?" />
      <button onclick="appendToBody()">
        Post
      </button>
    </form>

The html code is just a div of the specified name, I am not sure how it is relevant! — user2150929
– user2150929, Commented Jul 2, 2013 at 2:05
I don't get it. Every time you reload you page submiting a form - you lose your javascript data - it's normall. Maybe you need $('form').submit(function() {});? — vladkras
– vladkras, Commented Jul 2, 2013 at 2:12

tik27 · Accepted Answer · 2013-07-02 02:10:50Z

1

returning false in the forms onsubmit will stop the submit action.

  <form onsubmit="calltoyourfunction;return false">

answered Jul 2, 2013 at 2:10

tik27

2,6981 gold badge17 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Preventing refresh within form javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related