How to return true or false values using JavaScript or jQuery after click on confirm or cancel button from confirm box?

Question

I am currently working on one project in that if user try to refresh current page they will get confirm box with alert Don't refresh page or else you will lose data so if they cancel then he will stay on same page, but my problem is when they click on yes i.e Reload as he click reload one more alert should get you clicked reload now page will reload and data will loss, so how to do this because I am not getting any thing when he click on Reload button.

below I have written script.

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
    $(window).on('beforeunload', function(){ 
        return prompt("are you sure want to refresh this page !");

        if(true){
            alert('You will lose data');
        }
        else{
            alert("Ok continue your work");
       }
    });
</script>

"You will loose data"...should be "lose". "loose" means something else. Just a small thing to make your app look more professional. And the ! in "are you sure want to refresh this page !" should be a ?, and there shouldn't be a space before it. the "a" in "are" should also be capitalised ("Are") because it's the start of a sentence. Maybe if you are not a native English speaker you should ask someone to check your grammar and spelling. The wording of your question also lacks adequate punctuation and is difficult to follow. — ADyson
– ADyson, Commented Jul 30, 2018 at 9:39
You are doing return prompt() any code after a return statement will not be executed — Patrick Evans
– Patrick Evans, Commented Jul 30, 2018 at 9:40
@PatrickEvans ok please tell me how to solve issue even if i remove return still not getting anything. — Anonymous
– Anonymous, Commented Jul 30, 2018 at 9:42

Hearner · Accepted Answer · 2018-07-30 09:50:10Z

1

A return statement exit a function so everything after a return statement is not executed

I don't think you want a prompt box but a confirm box (see here).

A prompt box is used only to get something by the user
A confirm box is used to ask the user if he confirms something

var rep = confirm("are you sure want to refresh this page !");
console.log(rep);

if(rep){
  alert('You will lose data');
}
else{
  alert("Ok continue your work");
}

edited Jul 30, 2018 at 9:50

answered Jul 30, 2018 at 9:45

Hearner

2,7073 gold badges19 silver badges34 bronze badges

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

5 Comments

Anonymous Over a year ago

i want this should work when user try to refresh for that purpose i have mentioned onbeforeload in script

Hearner Over a year ago

This will, just put the code i gave you in your $(window).on('beforeunload', function(){

Anonymous Over a year ago

just now i tried that whatever you mentioned still without any confirm box or alert directly refreshing page.

Cata John Over a year ago

Browsers may block alerts, confirms and prompts inside the 'beforeunload' event in order to avoid annoying pop-ups.

Hearner Over a year ago

That's what I was thinking about but without further information by the SO I cannot help more than with this answer

Cod3n0d3 · Accepted Answer · 2018-07-30 11:17:20Z

0

I would recommend you do not use Jquery when using onBeforeLoad event. It causing unwanted behavior. Vanilla JS would handle it better.

example:

window.onbeforeunload = function beforeExit();

function beforeExit(){
return confirm("Are you sure you want to exit?");
}

with this method, your function will execute if the user is trying to refresh the page.

edited Jul 30, 2018 at 11:17

answered Jul 30, 2018 at 9:53

Cod3n0d3

2532 silver badges13 bronze badges

3 Comments

Anonymous Over a year ago

it is not working can you please send me working code for this.

Anonymous Over a year ago

not getting expected output I mean not getting alert please check at your system if it works tell me what changes i have to do

Mark Baijens Over a year ago

@Anonymous, try with a console.log(). Alert might get blocked.

Collectives™ on Stack Overflow

How to return true or false values using JavaScript or jQuery after click on confirm or cancel button from confirm box?

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related