How to Disable Backbutton in web browser using ASP.NET

Question

0.00/5 (No votes)

See more:

I have a web application, and I want to disable back button on web browser using ASP.NEt and Vb.NET.

My application has Home/About us/Claims as menu items Three pages and a master page.

Now I click on About us/Home page backbutton is enabled. That's also good. When I click on Claims it is enabled. Here is my problem. I want to disable backbutton on Claims always. Hope I made it clear

Can anyone in here help me out on this?

Posted 9-Jan-15 6:06am

sudevsu

Updated 9-Jan-15 7:23am

v2

Add a Solution

Comments

ZurdoDev 9-Jan-15 12:13pm

That's a bad idea. Why do you want to do it?

sudevsu 9-Jan-15 12:18pm

Because, I have a Claim Form that must not be going back before submitting it after filling. If user enters the form and clicks on back button in between something that is going to be refreshed. I just want to disable back button until user fills and submits the form.

ZurdoDev 9-Jan-15 12:21pm

Because it's part of the browser I'm not sure there's a good way of doing it. If you google it, you'll certainly find some answers.

sudevsu 9-Jan-15 12:29pm

I tried this way but it works only once.
window.history.forward(); Adding this line to your javascript make it work. But it works only once.
I always ask Experts in here only after searching in google.

ZurdoDev 9-Jan-15 12:34pm

I googled "how to disable browser back button" and there's lots of results.

sudevsu 9-Jan-15 12:58pm

I also did and I know there are lot results. I tried most of them. They are working fine. But none of them are for my application.
I have Home/Aboutus/Claims Three pages and a master page with menu as tabs. When I run the application back button is disabled. Set as start page here is Claims. Now I click on Aboutus/Home backbutton is enabled. That's also good. When I click again on Claims it is enabled. Here is my problem. I want to disable backbutton on Claims always. Hope I made it clear

ZurdoDev 9-Jan-15 13:06pm

If you have it working in one place why can't you get it to work in Claims?

sudevsu 9-Jan-15 13:10pm

That's the issue I don't understand. It works only once.
soon the application starts it is disabled, click on Home or About us and then click on Claims it is enabled.

ZurdoDev 9-Jan-15 13:16pm

Can you click on improve question and add the relevant code?

sudevsu 9-Jan-15 13:21pm

Ryan I found the solution. Yes I will do that as well...

sudevsu 9-Jan-15 13:29pm

I was thinking that I should add JavaScript in the page that I want back button disabled. But actually the trick is you should add JavaScript in the pages that we can go back.

ZurdoDev 9-Jan-15 14:14pm

I still don't like the idea but glad you have a way for it to work.

sudevsu 9-Jan-15 14:46pm

Can you tell me why you don't like the idea? What is stopping you from this idea?

ZurdoDev 9-Jan-15 14:47pm

There is no supported way of doing it, what you have is a hack. It also ruins customer experience.

sudevsu 9-Jan-15 15:09pm

Really! Then I don't want to do this. All the hardwork is to satisfy the end users. I would probably remove this and look for other options.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sudevsu · Accepted Answer · 2015-01-09T07:26:00

So Here is what I have done to make it work the way I wanted to an extent.
Add the below JavaScript in Home/ About Us page. Nothing in Claims.

XML

<script language="javascript" type="text/javascript">
     window.history.forward(-1);
     </script>

This made my back button disable when I log in and When I click on menu items to change it is enabled. But If I come back to Claims I still see it as enabled but when you click on back button it remains in same page (Claims). That is what it should work like in my application.