Using PHP to Submit the Form

Oct 13, 2025 by magicalceylontours.com 66 views

Introduction

When building web applications, it's common to encounter situations where you need to confirm an action with the user before proceeding. A confirmation modal is a great way to achieve this, but it can be challenging to submit a form through the modal without using custom JavaScript. In this article, we'll explore how to submit a form through a confirmation modal with no or minimal JavaScript in PHP.

What is a Confirmation Modal?

A confirmation modal is a pop-up window that appears on the screen, asking the user to confirm an action. It's a common UI pattern used in web applications to prevent accidental actions, such as deleting data or submitting a form. The modal typically displays a message, a button to confirm the action, and a button to cancel the action.

Why Avoid Custom JavaScript?

While custom JavaScript can be powerful, it can also make your code harder to maintain and debug. By avoiding custom JavaScript, you can keep your code simple and focused on the server-side logic. Additionally, some users may have JavaScript disabled in their browsers, and you'll want to ensure that your application still works for them.

Using PHP to Submit the Form

So, how can we submit a form through a confirmation modal without using custom JavaScript? The answer lies in using PHP to handle the form submission. Here's a step-by-step guide:

Step 1: Create a Form with a Confirmation Modal

First, create a form with a confirmation modal. You can use HTML and CSS to style the modal. Here's an example:

<!-- index.php -->
<form action="submit.php" method="post">
  <input type="hidden" name="action" value="delete">
  <button type="submit">Delete</button>
</form>
<!-- confirmation-modal.php -->
<div id="confirmation-modal" style="display: none;">
<h2>Confirm Deletion</h2>
<p>Are you sure you want to delete this item?</p>
<button id="confirm-btn">Confirm</button>
<button id="cancel-btn">Cancel</button>
</div>

Step 2: Use PHP to Handle the Form Submission

Next, create a PHP script to handle the form submission. In this example, we'll use a submit.php file to handle the form submission:

<!-- submit.php -->
<?php
if (isset($_POST['action'])) {
  // Handle the form submission
  if ($_POST['action'] == 'delete') {
    // Delete the item
    $itemId = $_POST['item_id'];
    $sql = "DELETE FROM items WHERE id = '$itemId'";
    $result = mysqli_query($conn, $sql);
    if ($result) {
      // Redirect to a success page
      header('Location: success.php');
      exit;
    } else {
      // Display an error message
      echo 'Error deleting item';
    }
  }
}
?>

Step 3: Use PHP to Display the Confirmation Modal

Now, we need to use PHP to display the confirmation modal. We can use a confirmation-modal.php file to display the modal:

<!-- confirmation-modal.php -->
<?php
if (isset($_POST['action'])) {
  // Display the confirmation modal
  echo '<div id="confirmation-modal" style="display: block;">';
  echo '<h2>Confirm Deletion</h2>';
  echo '<p>Are you sure you want to delete this item?</p>';
  echo '<button id="confirm-btn">Confirm</button>';
  echo '<button id="cancel-btn">Cancel</button>';
  echo '</div>';
}
?>

Step 4: Use PHP to Handle the Confirmation Modal

Finally, we need to use PHP to handle the confirmation modal. We can use a handle-modal.php file to handle the modal:

<!-- handle-modal.php -->
<?php
if (isset($_POST['action'])) {
  // Handle the confirmation modal
  if (isset($_POST['confirm-btn'])) {
    // Submit the form
    $itemId = $_POST['item_id'];
    $sql = "DELETE FROM items WHERE id = '$itemId'";
    $result = mysqli_query($conn, $sql);
    if ($result) {
      // Redirect to a success page
      header('Location: success.php');
      exit;
    } else {
      // Display an error message
      echo 'Error deleting item';
    }
  } elseif (isset($_POST['cancel-btn'])) {
    // Cancel the form submission
    echo 'Form submission cancelled';
  }
}
?>

Putting it all Together

Now that we've created the individual components, let's put them all together. Here's the complete code:

<!-- index.php -->
<?php
require_once 'confirmation-modal.php';
require_once 'handle-modal.php';
?>
<form action="submit.php" method="post">
<input type="hidden" name="action" value="delete">
<button type="submit">Delete</button>
</form>
<!-- confirmation-modal.php -->
<?php
if (isset($_POST['action'])) 
// Display the confirmation modal
echo '<div id="confirmation-modal" style="display block;">';
echo '<h2>Confirm Deletion</h2>';
echo '<p>Are you sure you want to delete this item?</p>';
echo '<button id="confirm-btn">Confirm</button>';
echo '<button id="cancel-btn">Cancel</button>';
echo '</div>';

?>
<!-- handle-modal.php -->
<?php
if (isset( $_POST[&#39;action&#39;])) { // Handle the confirmation modal if (isset($ _POST['confirm-btn'])) 
// Submit the form
$itemId = $_POST['item_id'];
 $sql = &quot;DELETE FROM items WHERE id = &#39;$ itemId'";
 $result = mysqli_query($ conn,  $sql); if ($ result) {
// Redirect to a success page
header('Location success.php');
exit;
 else {
// Display an error message
echo 'Error deleting item';
}
} elseif (isset($_POST['cancel-btn'])) {
// Cancel the form submission
echo 'Form submission cancelled';
}
}
?>

Conclusion

Q: What is a confirmation modal, and why do I need it?

A: A confirmation modal is a pop-up window that appears on the screen, asking the user to confirm an action. You need it to prevent accidental actions, such as deleting data or submitting a form. It's a common UI pattern used in web applications to ensure that users are aware of the consequences of their actions.

Q: Why can't I just use JavaScript to submit the form?

A: While custom JavaScript can be powerful, it can also make your code harder to maintain and debug. By avoiding custom JavaScript, you can keep your code simple and focused on the server-side logic. Additionally, some users may have JavaScript disabled in their browsers, and you'll want to ensure that your application still works for them.

Q: How do I create a confirmation modal in PHP?

A: To create a confirmation modal in PHP, you'll need to use a combination of HTML, CSS, and PHP. You can use a PHP script to display the modal and handle the form submission. Here's an example of how you can create a confirmation modal in PHP:

<!-- confirmation-modal.php -->
<?php
if (isset($_POST['action'])) {
  // Display the confirmation modal
  echo '<div id="confirmation-modal" style="display: block;">';
  echo '<h2>Confirm Deletion</h2>';
  echo '<p>Are you sure you want to delete this item?</p>';
  echo '<button id="confirm-btn">Confirm</button>';
  echo '<button id="cancel-btn">Cancel</button>';
  echo '</div>';
}
?>

Q: How do I handle the confirmation modal in PHP?

A: To handle the confirmation modal in PHP, you'll need to use a PHP script to handle the form submission. You can use a handle-modal.php file to handle the modal and submit the form. Here's an example of how you can handle the confirmation modal in PHP:

<!-- handle-modal.php -->
<?php
if (isset($_POST['action'])) {
  // Handle the confirmation modal
  if (isset($_POST['confirm-btn'])) {
    // Submit the form
    $itemId = $_POST['item_id'];
    $sql = "DELETE FROM items WHERE id = '$itemId'";
    $result = mysqli_query($conn, $sql);
    if ($result) {
      // Redirect to a success page
      header('Location: success.php');
      exit;
    } else {
      // Display an error message
      echo 'Error deleting item';
    }
  } elseif (isset($_POST['cancel-btn'])) {
    // Cancel the form submission
    echo 'Form submission cancelled';
  }
}
?>

Q: Can I use a different database system, such as MySQLi or PDO?

A: Yes, you can use a different database system, such as MySQLi or PDO, to connect to your database. You'll need to modify the PHP script to use the correct database extension. Here's an example of how you can use MySQLi to connect to your database:

<!-- database.php -->
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
 $conn = new mysqli($ servername, $username, $password, $dbname);
if ($conn->connect_error) 
die("Connection failed " . $conn->connect_error);

?>

Q: Can I use a different PHP framework, such as Laravel or CodeIgniter?

A: Yes, you can use a different PHP framework, such as Laravel or CodeIgniter, to build your application. You'll need to modify the PHP script to use the correct framework. Here's an example of how you can use Laravel to build your application:

<!-- routes/web.php -->
Route::get('/delete', function () {
  // Display the confirmation modal
  return view('confirmation-modal');
});
Route::post('/delete', function () {
// Handle the confirmation modal
// ...
});

Q: Can I use a different UI framework, such as Bootstrap or Materialize?

A: Yes, you can use a different UI framework, such as Bootstrap or Materialize, to style your application. You'll need to modify the HTML and CSS to use the correct framework. Here's an example of how you can use Bootstrap to style your application:

<!-- index.php -->
<!DOCTYPE html>
<html>
<head>
  <title>Confirmation Modal</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
  <!-- Confirmation modal -->
  <div id="confirmation-modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Confirm Deletion</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <p>Are you sure you want to delete this item?</p>
          <button id="confirm-btn" class="btn btn-primary">Confirm</button>
          <button id="cancel-btn" class="btn btn-secondary">Cancel</button>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

Conclusion

In this Q&A article, we've covered the basics of submitting a form through a confirmation modal with no or minimal JavaScript in PHP. We've discussed how to create a confirmation modal in PHP, handle the confirmation modal in PHP, and use different database systems, PHP frameworks, and UI frameworks to build your application. With this knowledge, you can create confirmation modals in your PHP applications without using custom JavaScript.