Ask If You Are Sure You Want To Submit? Javascript?

I currently have this. //other stuff up here - not important echo '

Solution 1:

You can use the Javascript confirm function.

if(confirm("Are you sure you want to Redeem?")) {
    //do something
} else {
    //do something
}

You can also do this on form submit by adding the following code to your form:

onsubmit="return confirm('Are you sure you want to Redeem?');"

The form will only submit if the user clicks "OK".

Solution 2:

Here is the solution :

     //other stuff up here - not important
        echo "<td><formaction='redeem.php'method='post'id='form'><inputtype='hidden'name='redeem'value='1' /><inputtype='hidden'name='id'value='" . $id . "' /><inputtype='submit'name='Redeem'value='Redeem'onclick="return confirm('Are you sure you want to Redeem?')"></form></td>";
        } else {
        echo "<td><formaction='redeem.php'method='post'id='form'><inputtype='hidden'name='redeem'value='0' /><inputtype='hidden'name='id'value='" . $id . "' /><inputtype='submit'name='Un-Redeem'value='Un-Redeem'onclick="return confirm('Are you sure you want to Un-Redeem?')" ></form></td>";
    //other stuff down here - not important

Edit: Added escaping character in here:

 //other stuff up here - not important
        echo "<td><formaction='redeem.php'method='post'id='form'><inputtype='hidden'name='redeem'value='1' /><inputtype='hidden'name='id'value='" . $id . "' /><inputtype='submit'name='Redeem'value='Redeem'onclick=\"returnconfirm('AreyousureyouwanttoRedeem?')\"></form></td>";
        } else {
        echo "<td><formaction='redeem.php'method='post'id='form'><inputtype='hidden'name='redeem'value='0' /><inputtype='hidden'name='id'value='" . $id . "' /><inputtype='submit'name='Un-Redeem'value='Un-Redeem'onclick=\"returnconfirm('AreyousureyouwanttoUn-Redeem?')\" ></form></td>";
    //other stuff down here - not important

Solution 3:

Use the javascript confirm function. The form won't submit if the confirm returns false.

<form action='redeem.php' method='post'id='form' onSubmit="return confirm('Are you sure you want to redeem')">

If you want to do something else if the user clicks cancel then you'll need to create a custom function:

function my_confirm() {
    if( confirm("Are you sure you want to redeem?") ) {
        returntrue;
    }
    else {
        // do something returnfalse;
    }
}

And on the form tag:

onSubmit="return my_confirm()"

Share

You may like these posts

• 
  Redux-thunk: Api Response Keeps Pending
• 
  Force Showing The "save As" Dialog Box When Downloading A File
• 
  Autocomplete Arrow Key Scroll
• 
  How To Use Async Await In Nuxt.js?