Question

I’ve been looking around for solutions to a particular issue I’m having with a PHP script I’m trying to re-purpose.

<?php $name = $_POST['name'];
$company = $_POST['company'];
$email = $_POST['email'];
$message = $_POST['message'];
$formcontent = "$name \nMessage: $message";
$recipient = "[e-mail]";
$subject = "Contact Form";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die ("Error!");
echo "Thank You!" . " -" . " <a href = '../index.html' style = 'text-decoration:none;color:#ff0099;'>Return Home</a>";
?>

Instead of re-directing to another page, I’m keen to understand a clean way of just initiating a confirmation via modal pop-up instead.

I’m running the script as an external file so I’m guessing there’s half the answer already but in terms of invoking a jQuery plugin to do the rest of the work, I could use a pointer or two!

Answer 1

Or you could use this in the onsubmit attribute

onSubmit="javascript: return confirm('Are you sure you want to submit this?');"

Will ask for ok/cancel confirmation

— jQuery Ajax —–

function doSubmit(){
  var postData = jQuery('#your-form-id').serialize();    

  jQuery.ajax({
    url: 'form-action.php',
    data: postData
  }).done(function( html ) {
    alert(html);
  });
}

— and in your form tag —

<form id="your-form-id" onsubmit="javascript: doSubmit();" ...