Javascript confirm with PHP function afterward

Question

I would like a way to have a confirm box pop up when a user clicks "delete" to remove a record.

Something like:

<script language="JavaScript"  type="text/javascript" >

function confirmDelete() {
    if(confirm("Would you like to delete the selected products?")) {
        <?php 
            $allCheckBoxId = $_POST['checkbox'];
            array_map ('mysql_real_escape_string', $allCheckBoxId);
            $ids = implode(",", $allCheckBoxId);
            $sql = "DELETE FROM products WHERE `id` IN ($ids)";
            mysql_query($sql);
        ?>
    }
}

</script>

With an onclick:

echo "<input type='submit' name='submit' value='Delete'  onclick='confirmDelete()' />";

But I know it's not possible to be using Javascript & PHP together like this. Is there another way to do this? Maybe PHP has its own kind of confirm? Please give any ideas!

Thank you.

Jules · Accepted Answer · 2011-12-30 14:38:11Z

It is pretty easy to make use of AJAX for this case. Simply place your PHP in the scriptDelete.php file and make sure you pass the proper arguments and their values in the data property. For this example I just pass an id of 5.

<script type="text/javascript">

    function confirmDelete() {
        if (confirm('Are you sure you want to delete this?')) {
            //Make ajax call
            $.ajax({
                url: "scriptDelete.php",
                type: "POST",
                data: {id : 5},
                dataType: "html", 
                success: function() {
                    alert("It was succesfully deleted!");
                }
            });

        }
    }
</script>

<input type='submit' name='submit' value='Delete'  onclick='return confirmDelete()' />

Another way would be to post the form back to its own page like:

<form method="post" action="yourpage.php">
    <input type="submit" name="submit" value="delete" onclick="return confirm('Are you sure you want to delete this?')" />
</form>

So you simply post the form back to yourpage.php and on top of this page you do something like:

<?php

   //Means the form was submitted
   if ($_POST['submit']) {
      $id = $_POST['idToDelete'];
      $query = "DELETE FROM products WHERE id = " . mysql_real_escape_string($id);
      mysql_query($query) or die(mysql_error());
   }
?>

Mitch Grande · Accepted Answer · 2011-12-30 14:34:58Z

2

You should move the event to the form, and use onsubmit="confirmDelete()". If you return false within the ConfirmDelete function, the form submit is cancelled. If you return true, the form will get submitted like normal, and you can process it like a regular form on the server side.

<script type="text/javascript">
function confirmDelete() {
    return window.confirm("Are you sure you want to delete this record?");
}
</script>

<form action="myDelete.php" onsubmit="confirmDelete()">
    ....inputs
    <input type="submit" name="submit" value="Delete">
</form>

Then have regular processing code on the server side

answered Dec 30, 2011 at 14:34

Mitch Grande

3511 silver badge5 bronze badges

Comments

Xuntar · Accepted Answer · 2011-12-30 14:35:48Z

1

The easiest way is to do a javascript function before you submit. If you click on false, the return will be false and it will not be submitted:

<form action="something.php" onSubmit="return confirm('Are you sure?');" method="post">
// Fields
// Fields
<input type="submit" name="Submit" class="button" value="Submit">
</form>

answered Dec 30, 2011 at 14:35

Xuntar

2,3103 gold badges21 silver badges32 bronze badges

5 Comments

Catia Over a year ago

Thank you! This worked & was the easiest to implement to what I already have.

Jules Over a year ago

@Catia: Do remember that inline eventhandlers are an anti-pattern though.

Catia Over a year ago

I'm unsure of what you mean by anti-pattern?

Catia Over a year ago

Actually this will not work as I am also planning on adding an "Add" button. So when someone clicks add I would not like it to ask "are you sure?" Thanks though!

Jules Over a year ago

@Catia: In software engineering, an anti-pattern (or antipattern) is a pattern that may be commonly used but is ineffective and/or counterproductive in practice.

Faisal · Accepted Answer · 2013-11-04 05:04:25Z

1

Easy way to confirm, instead of creating whole new function. Do this

<input type="submit" name="Delete" onClick='return confirm("Sure you want Delete this Page?")' />

this will exactly respond the same way.

answered Nov 4, 2013 at 5:04

Faisal

1,8971 gold badge22 silver badges29 bronze badges

Comments

Brendon Dugan · Accepted Answer · 2011-12-30 14:35:08Z

0

Ajax. Place your php in a separate file, and use ajax to send it the id you want to use in your query. I recommend jQuery .post

answered Dec 30, 2011 at 14:35

Brendon Dugan

2,1687 gold badges32 silver badges65 bronze badges

Collectives™ on Stack Overflow

Javascript confirm with PHP function afterward

5 Answers 5

Comments

Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related