Is there a way to DISABLE the BACK BUTTON?

I have a multiple page regstration process for a site that I am developing. In initial beta-testing, I have found some users (even though they are warned not to) have been using the back button in the middle of registration - thereby wreaking havoc on the registration process!

I was wondering if there is a way to disable the back button?

TIA!

Use this Javascript method:

replace Method
The replace method replaces the current History entry with the specified URL. After calling the replace method, you cannot navigate back to the previous URL using the browser's Back button.

Syntax: location.replace(URL)

<script language="JavaScript">
window.history.forward(1);
</script>

For the method iahmed proposed, you need to put that code at the bottom of each page that you DON'T want the user to be able to go back to or resubmit.

I suggest you use both methods together.

Thanks for the swift reply! I can't seem to get either of these solutions to work.

How do I use the replace method?

Do I wrap it in a <script language="JavaScript"> tag?

It can be in a <script></script> block, or you can make it easy.
Try this:

<a href="javascript: location.replace('/');">Home Page</a>

Hi.

You might want to look at this too for an alternate solution:
http://www.htmlgoodies.com/tutors/nobackbutton.html

Hey!

This is a little more dynamic method of doing it.
I needed the possibility to switch the back buttons function on and of depending on what the client where doing.

This is tested in Mozilla firefox and IE, the code is from a separate .js file

This will allow you to turn the back buttons function off with the functions ‘blockBackButton()’

And turn it on again with ‘resetBackButton()’

The script uses the get part of the url, but wont permanently change it becoause if the browser get a changed get part of the url, the script will reload the earlier page were the url was unchanged.


var ie = (window.navigator.appName == "Microsoft Internet Explorer") ? true : false;

function setEventByObject(object, event, func){
if (!ie){
object.addEventListener(event, func, false);
} else {
object.attachEvent("on" + event, func);
}
}

setEventByObject(win, "unload", exitme);
var block = "false";
function blockBackButton(){
block = "true";
}
function resetBackButton(){
block = "false";
}
function jumpforward(){
if(window.location.href.indexOf("&jumpforward")!=-1) {
history.forward();
}
}
jumpforward();
function exitme(){
if(block == "true") window.location.href += "&jumpforward";
}

Nicely done.
Thank you.

hi,
i gone through this code and tried it but i am getting one error that 'win' is undefined
so plz tell me what is that win
bye

First of all, this thread is over a year old, very slim chance you'll get a reply from that poster, seeing he hasn't posted much since then.

Second, whatever way you try to do this (disabling the back button), be ready for the fact it won't work on every browser. Every good browser has ways to disable javascript, and/or settings that determine how much power javascript has.

Do no try to limit a users power over his own computer. If I want to go back, for whatever reason, it's my good damn right. If doing that breaks your site, you should write better code, that checks for stuff like that.

Hi,

here is a way to get it to work and also let people use the back button after a warning. It also fixes problems with the querystring variables.

<script>
var ie = (window.navigator.appName == "Microsoft Internet Explorer") ? true : false;
window.name = 'test';

function setEventByObject(object, event, func){
if (!ie){
object.addEventListener(event, func, false);
} else {
object.attachEvent("on" + event, func);
}
}
setEventByObject(window, "unload", exitme);


function jumpforward(){
if(window.location.href.indexOf("jumpforward")!=-1) {
history.forward();
}

}

// Block Back Button for this page
var block = "true";





function exitme(){
if(block == "true") {
if(window.location.href.indexOf("?")==-1) {
window.location.href += "?jumpforward";
} else if (window.location.href.indexOf("jumpforward")==-1){
window.location.href += "&jumpforward";

}
alert(Please, please don't use the Back button')
jumpforward();
}

}

</script>

i agree with Itsacon, you should be able to use the back button

for another reason you could
<script>function ul() {do something to stop you site from being screwed}</script>
<body onunload="ul()">

colton22