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

• 
  Is It O.K. To Re-write Backbone.sync By Hard Coding In Values?
• 
  In A Js Class What Is The Better Way To Call Super Passing All The Arguments Up To The Parent Class?
• 
  Include Html Templates In A Bower Component For Angular
• 
  JQuery On Click Event Firing Multiple Times