Home/ Questions/Q 911885
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T17:17:12+00:00

I have a small quiz web application to deploy. Basically I have 2 pages,

  • 0

I have a small quiz web application to deploy.

Basically I have 2 pages, ‘1) Quiz page’ and ‘2) Result page’. Upon submitting the Quiz form, it will generate the result on the result page for the user. However I need to prevent user from clicking on back button or keying in Backspace on the keyboard.

I researched the use of ‘location.replace()’ but have no idea how can I implement it within my form:

<form id="quiz" name="quiz" method="post" action="result.php">
...
<input type="submit" name="Submit" value="Submit" />
</form>

I would like to know if there is any way for me to use location.replace() within the form, or otherwise, any other way that I could prevent/clear user from getting back to the history page.

Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is no way to prevent a user from clicking “Back” in his/her browser. One way to accomplish the aim is to submit the form using AJAX. When he/she clicks back, it will not go to the quiz but to the previous page.

    The following fully-working example uses the jQuery library:

    <html><head></head><body>
  <div id="form_wrap">
    <form onsubmit="send_form(this);return false">
      ...
      <input type="submit" />
    </form>
  </div>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script>
    function send_form(form) {
      jQuery.post('result.php', jQuery(form).serialize(), function(data) {
        jQuery('#form_wrap').html(data);
      });
    }
  </script>
</body></html>
    • 0