Form confirmation on submit

问题

I want to have a confirmation from the user before they submit a form. This will prevent accidental POSTing of the form, that may be incomplete or incorrect.

Here is my form element:

<form action="manager.php?method=update&id=<?php echo $user->id;?>" onsubmit="return confirm_update();"  method="POST" id="user_update">

This calls my function confirm_update()

function confirm_update()
{
  if(confirm("Do you wish to update details?"))
  {
    return 0;
  }
  else
  {
    return 1;
  }
}

The problem with the script is that it does not prevent the form from POSTing if the user clicks Cancel in the JavaScript prompt.

How do I correct this so that the user does not accidently submit their form?

Here is a full description of the feature I am trying to implement:

Use Case - "Update Details"

User goes to update page
User enters details in form fields
User hits submit button
Confirmation message appears
If "Ok" button selected proceed to submit form
Else cancel action and stay on current page

回答1:

Instead of returning 0 and 1, return true and false. You can actually shorten the function to:

function confirm_update() {
    return confirm("Are you sure you want to submit?");
}

回答2:

You're doing it the other way round!

if(confirm("Do you wish to update details?"))
{
    return 1;
}
else
{
    return 0;
}

Having said that, your code can be shortened to just one line:

return confirm("Hit OK to continue, Cancel to... cancel.");

回答3:

Try:


function confirm_update() {
    if(confirm("Do you wish to update details?")) {
        return true;
    }
    else {
        return false;
    }
}

回答4:

I would do an onclick returning false by default, this works for me

<form action="manager.php?method=update&id=<?php echo $user->id;?>"  method="POST" id="user_update"> 
<input type='submit' onclick="return confirm('Do you wish to update details?');return false;"/>
</form>

回答5:

First of all you should reconsider your approach. Instead of asking whether the user wants to submit a potentially incomplete or invalid form, you should use javascript to prevent this from happening, i.e. perform client-side validation using js. What you are doing is inherently done by clicking submit...

If however you want to keep your approach, you have to prevent the submit button from actually submitting the data to the specified action, e.g by changing the form action to "#" via javascript and then trigger the submit if ok was clicked with your js-code, e.g. by using a XmlHttpRequest.

来源：https://stackoverflow.com/questions/9094706/form-confirmation-on-submit

标签

javascript

forms

confirm

onsubmit